js 实现论坛评论模块原理

<body>
  <table id="tb" border="1">
  <tbody id="tbd">
  <tr>
  <td>猪猪:</td>
  <td>我喜欢吃肉</td>
  </tr>
  </tbody>
  </table>
  <div>
  昵称:<input type="text" value="" id="userName"/><br/>
  <textarea name="" id="tt" cols="30" rows="10"></textarea><br/>
  <input type="button" value="评论一下" id="btn"/><br/>
  </div>
  <script src="common.js"></script>
  <script>
  //获取按钮,注册点击事件
  document.getElementById("btn").onclick = function () {
  //获取昵称的元素
  var userName = my$("userName");
  //获取评论的元素
  var tt = my$("tt");
  //创建行
  var tr = document.createElement("tr");
  //行加到tbody中
  my$("tbd").appendChild(tr);
  //创建列
  var td1 = document.createElement("td");
  tr.appendChild(td1);
  td1.innerHTML = userName.value;
  //创建列
  var td2 = document.createElement("td");
  tr.appendChild(td2);
  td2.innerHTML = tt.value;
  //清空
  userName.value = "";
  tt.value = "";
  };
   
  var arr=[20,10,40,50,30];
  for(var i=0;i<arr.length-1;i++){
  for(var j=0;j<arr.length-1-i;j++){
  if(arr[j]<arr[j+1]){
  var temp=arr[j];
  arr[j]=arr[j+1];
  arr[j+1]=temp;
  }//end if
  }// end for
  }//end for
  for(var i=0;i<arr.length;i++){
  console.log(arr[i]);
  }
  </script>
   
  </body>
posted @ 2019-03-19 22:35  云奕  阅读(1153)  评论(0)    收藏  举报