将文本输入框内容加入表中的js代码_javascript技巧

复制代码 代码如下:

---

姓名	邮箱	地址
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>