js 實現論壇評論模塊原理
阿新 • • 發佈：2019-03-20
res webapi innerhtml lan bapi UNC asc put targe
| <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> |
js 實現論壇評論模塊原理