标签:doc utf-8 meta ack set back 设置 inner 元素
创建行和单元格,添加到相应元素中,设置内容 createElement, appendChild,innerHTML
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>title</title> </head> <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); //创建单元格td1,并添加到行 var td1 = document.createElement("td"); tr.appendChild(td1); td1.innerHTML = userName.value; //创建单元格td2,并添加到行 var td2 = document.createElement("td"); tr.appendChild(td2); td2.innerHTML = tt.value; //清空 userName.value = ""; tt.value = ""; }; </script> </body> </html>
JS---案例:无刷新评论---属于创建对象的案例拿出来复习
标签:doc utf-8 meta ack set back 设置 inner 元素
原文地址:https://www.cnblogs.com/jane-panyiyun/p/12099591.html