资料
表格
制度
合同
管理
职场
经营
创业
范文
总结
计划
作文
文章
美文
词句
教程
模板
图片
字体
图标
办公
人事
财务
生产
管理资源吧首页
>>>
教程
>>>
编程
>>>
JavaScript教程
>>>
javascript cloneNode()方法的使用
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>控件cloneNode（）方法的使用</title> <img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20type%3D%22text%2Fjavascript%22%3E%3C!--%20%0D%0Avar%20i%20%3D%201%3B%20%0D%0Afunction%20AddRow()%20%7B%20%0D%0Avar%20IsInsert%20%3D%20true%3B%20%0D%0Avar%20tableObject%3B%20%0D%0AtableObject%20%3D%20document.getElementById('CloneNodeShow')%3B%20%0D%0A%2F%2F%E5%A6%82%E6%9E%9C%E6%B2%A1%E6%9C%89%E5%A1%AB%E5%85%85%E5%80%BC%2C%E9%82%A3%E4%B9%88isneed%20%E5%B0%B1%E4%B8%BA%E7%A9%BA%EF%BC%81%20%0D%0Afor%20(var%20j%20%3D%200%3B%20j%20%3C%20tableObject.getElementsByTagName(%22input%22).length%3B%20j%2B%2B)%20%7B%20%0D%0Avar%20inputs%20%3D%20tableObject.getElementsByTagName(%22input%22)%5Bj%5D%3B%20%0D%0Aif%20(inputs.type%20%3D%3D%20%22text%22%20%26%26%20inputs.value%20%3D%3D%20%22%22)%20%7B%20%0D%0Aisneed%20%3D%20false%3B%20%0D%0A%7D%20%0D%0A%7D%20%0D%0A%2F%2F%E5%A6%82%E6%9E%9C%E5%B7%B2%E7%BB%8F%E5%A1%AB%E5%85%85%E5%80%BC%E4%BA%86%E5%B0%B1%E5%88%9B%E5%BB%BATR%2Ctd%20%0D%0Aif%20(IsInsert%20%3D%3D%20true)%20%7B%20%0D%0A%2F%2F%E6%A0%B9%E6%8D%AEtable%E5%88%9B%E5%BB%BA%E4%B8%80%E4%B8%AARow%20%0D%0Avar%20CopyTr%20%3D%20tableObject.insertRow()%3B%20%0D%0A%2F%2F%E5%88%9B%E5%BB%BA%E5%8D%95%E5%85%83%E6%A0%BC%20%0D%0Avar%20td0%20%3D%20CopyTr.insertCell()%3B%20%0D%0Avar%20td1%20%3D%20CopyTr.insertCell()%3B%20%0D%0Avar%20td2%20%3D%20CopyTr.insertCell()%3B%20%0D%0Avar%20td3%20%3D%20CopyTr.insertCell()%3B%20%0D%0A%2F%2F%E7%AC%AC%E4%B8%80%E4%B8%AA%E5%8D%95%E5%85%83%E6%A0%BC%E7%9A%84%E5%80%BC%E4%B8%BA%3A%2B%2Bi.%E6%B3%A8%E6%84%8Fi%E4%B8%BA%E5%85%A8%E5%B1%80%E5%8F%98%E9%87%8F%20%0D%0Atd0.innerHTML%20%3D%20(%2B%2Bi)%20%2B%20'.'%3B%20%0D%0A%2F%2Ftd1%E7%9A%84%E5%80%BC%E4%B8%BA%3A%20%0D%0Atd1.innerHTML%20%3D%20%22%3Cinput%20type%3D'text'%20name%3D'username'%2F%3E%22%3B%20%0D%0A%2F%2F%E7%94%A8cloneNode%E6%B0%B8%E4%B9%85%E5%85%8B%E9%9A%86(true%E6%A0%87%E7%A4%BA%E5%85%8B%E9%9A%86)%20%0D%0Avar%20NewSelect%20%3D%20document.getElementById(%22sexType%22).cloneNode(true)%3B%20%0D%0ANewSelect.id%20%3D%20%22sexType%22%20%2B%20i%3B%20%0D%0A%2F%2Ftd2%E7%9A%84%E5%80%BC%E4%B8%BANewSelect%20%0D%0Atd2.appendChild(NewSelect)%3B%20%0D%0Atd3.innerHTML%20%3D%20'%3Cinput%20type%3D%22text%22%20name%3D%22age%22%20onchange%3D%22AddRow()%22%2F%3E'%3B%20%0D%0A%7D%20%0D%0A%7D%20%0D%0A%2F%2F%20--%3E%3C%2Fscript%3E"> </head> <body> <table id="CloneNodeShow" border="1" bordercolor="#000000"> <tr> <th></th><th>姓名</th><th>性别</th><th>年龄</th> </tr> <tr> <td>1.</td> <td><input type="text" name="username"/></td> <td> <select name="sexType" id="sexType"> <option value="%">请选择性别</option> <option value="0">男</option> <option value="1">女</option> </select> </td> <td><input type="text" name="age" onchange="AddRow()"/></td> </tr> </table> </body> </html>
[Ctrl+A 全选 注:
如需引入外部Js需刷新才能执行
]
教程首页
更多教程