将文本输入框内容加入表中的javascript
2013-08-18 09:27
127 查看
<!DOCTYPE html> <html> <head> <title>表格处理.html</title> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="this is my page"> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <!--<link rel="stylesheet" type="text/css" href="./styles.css">--> </head> <body> <form id="form1"> <input type="text" id="iname"> <input type="text" id="iemail"> <input type="text" id="iaddress"> <input type="button" value="提交" id="submit"> </form> <hr> <table border="1" id="border"> <tr> <td id="name">姓名</td> <td id="email">邮箱</td> <td id="address">地址</td> </tr> <tr> <td id="name">jzy</td> <td id="email">359@qq.com</td> <td id="address">重庆</td> </tr> <tr> <td id="name">jzy</td> <td id="email">359@qq.com</td> <td id="address">重庆</td> </tr> </table> </body> <script> document.getElementById("submit").onclick=function(){ //alert("success"); //获取输入节点 var nameElement=document.getElementById("iname"); var emailElement=document.getElementById("iemail"); var addresssElement=document.getElementById("iaddress"); //创建表格节点 var trNode=document.createElement("tr"); var nameNode=document.createElement("td"); var emailNode=document.createElement("td"); var addressNode=document.createElement("td"); //向表格中添加创建的节点及文本内容 var borderElement=document.getElementById("border"); borderElement.appendChild(trNode); trNode.appendChild(nameNode); trNode.appendChild(emailNode); trNode.appendChild(addressNode); var nametextNode=document.createTextNode(nameElement.value); var emailtextNode=document.createTextNode(emailElement.value); var addresstextNode=document.createTextNode(addresssElement.value); nameNode.appendChild(nametextNode); emailNode.appendChild(emailtextNode); addressNode.appendChild(addresstextNode); } </script> </html>
相关文章推荐
- 将文本输入框内容加入表中的js代码
- 将文本输入框内容加入表中的js代码
- Swift - 文本输入框内容改变时响应,并获取最新内容
- javascript 输入内容检测(正则表达式方法)不使用弹出窗口提示方法
- 【javascript】ajax请求 编码问题导致的ie浏览器在输入中文文字后没有内容,而chrome正常搜到文字
- 编写一个程序,从标准输入一行一行地读取文本,并完成如下任务:如果文件中有两行或更多行相邻的文本内容相同,那么就打印其中一行,其余行不打印。
- 【JavaScript】——限制文本框输入内容
- javascript简单判断输入内容是否合法的方法
- [原创] 用JavaScript实现自定义控件 --- (2)可限制输入内容的editbox
- javascript 单击按钮出现文本内容
- 实现在ie6和ff下 探测输入文本域内是否有回车键入,键入返回则在返回文本内加入。
- 用javascript获取select元素被选中的文本内容
- 请写出用于校验HTML文本框中输入的内容全部为数字的javascript代码
- Javascript取select的选中值和文本内容
- javascript 实现复制文本添加版权内容(兼容IE)
- iOS5新增内容之支持文本输入的UIAlertView
- [Javascript]限制文本输入框只能输入0-9数字
- JavaScript使用FileSystemObject对象写入文本文件内容的方法
- 使用母版页时内容页如何加入css和javascript
- JavaScript验证输入的string的内容是不是数值