创建行和单元格,添加到相应元素中,设置内容 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>
如对本文有疑问, 点击进行留言回复!!
同事牛逼啊,写了个隐藏 bug,我排查了 3 天才解决问题!
【JavaScript笔记(一)】万丈高楼平地起 - 基本概念篇
轻松解决 org.apache.taglibs.standard.tlv.JstlCoreTLV 困惑
网友评论