将文本输入框内容加入表中的js代码_javascript技巧
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
发布： 2016-05-16 17:25:25
表格处理.html
姓名 |
邮箱 |
地址 |
jzy |
359@qq.com |
重庆 |
jzy |
359@qq.com |
重庆 |
<script> <BR>document.getElementById("submit").onclick=function(){ <BR>//alert("success"); <BR>//获取输入节点 <BR>var nameElement=document.getElementById("iname"); <BR>var emailElement=document.getElementById("iemail"); <BR>var addresssElement=document.getElementById("iaddress"); <br><br>//创建表格节点 <BR>var trNode=document.createElement("tr"); <BR>var nameNode=document.createElement("td"); <BR>var emailNode=document.createElement("td"); <BR>var addressNode=document.createElement("td"); <br><br>//向表格中添加创建的节点及文本内容 <BR>var borderElement=document.getElementById("border"); <BR>borderElement.appendChild(trNode); <BR>trNode.appendChild(nameNode); <BR>trNode.appendChild(emailNode); <BR>trNode.appendChild(addressNode); <BR>var nametextNode=document.createTextNode(nameElement.value); <BR>var emailtextNode=document.createTextNode(emailElement.value); <BR>var addresstextNode=document.createTextNode(addresssElement.value); <BR>nameNode.appendChild(nametextNode); <BR>emailNode.appendChild(emailtextNode); <BR>addressNode.appendChild(addresstextNode); <br><br>} <BR></script>
本站声明
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
作者最新文章
-
2025-02-26 03:58:14
-
2025-02-26 03:38:10
-
2025-02-26 03:17:10
-
2025-02-26 02:49:09
-
2025-02-26 01:08:13
-
2025-02-26 00:46:10
-
2025-02-25 23:42:08
-
2025-02-25 22:50:13
-
2025-02-25 21:54:11
-
2025-02-25 20:45:11
