资料
表格
制度
合同
管理
职场
经营
创业
范文
总结
计划
作文
文章
美文
词句
教程
模板
图片
字体
图标
办公
人事
财务
生产
管理资源吧首页
>>>
教程
>>>
编程
>>>
JavaScript教程
>>>
在table中插入多行的js代码(与insertAdjacentHTML相似的功能)
<html> <body> <table id=tableList border=1 width=100> <tr><td>1</td></tr> </table> <button onclick=addRow()>插入行</button> </body> <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%20%0D%0Avar%20num%20%3D%201%3B%20%0D%0Afunction%20addRow()%20%0D%0A%7B%20%0D%0Anum%20%2B%2B%3B%20%0D%0AInsertRow(tableList%2C%22%3Ctr%3E%3Ctd%3E%22%2Bnum%2B%22%E6%96%B0%E8%A1%8C%3C%2Ftd%3E%3C%2Ftr%3E%22)%3B%20%0D%0A%7D%20%0D%0Afunction%20InsertRow(table%2CrowHtml)%20%0D%0A%7B%20%0D%0Avar%20o%3Ddocument.createElement(%22div%22)%2Col%3B%20%0D%0Ao.innerHTML%3D%22%3Ctable%3E%22%2BrowHtml%2B%22%3C%2Ftable%3E%22%20%0D%0Aol%3Do.childNodes%5B0%5D.tBodies%5B0%5D.rows%20%0D%0Awhile(ol.length%3E0)%7B%20%0D%0Atable.tBodies%5B0%5D.appendChild(ol%5B0%5D)%20%0D%0A%7D%20%0D%0A%7D%20%0D%0A%3C%2Fscript%3E">
[Ctrl+A 全选 注:
如需引入外部Js需刷新才能执行
]
Table的 tBodies属性是一个JS中的集合,而不是数组,没有sort()方法,所以不能用来直接排序。
教程首页
更多教程