易网时代-编程资源站
Welcome
微信登录
编程资源
图片资源库
蚂蚁家优选
PDF转换器
软件资源
软件开发
、
小程序制作
、
系统集成与运维
、
空间租用
、
硬件开发
、
视频监控
、
技术咨询与支持
——联系电话：0311-88999002/88999003
首页
/
脚本样式
/
JavaScript
/
在table中插入多行的js代码（与insertAdjacentHTML相似的功能）
<html> <body> <table id=tableList border=1 width=100> <tr><td>1</td></tr> </table> <button onclick=addRow（）>插入行</button> </body> <script type="text/javascript"> var num = 1; function addRow（） { num ++; InsertRow（tableList,"<tr><td>"+num+"新行</td></tr>"）; } function InsertRow（table,rowHtml） { var o=document.createElement（"div"）,ol; o.innerHTML="<table>"+rowHtml+"</table>" ol=o.childNodes[0].tBodies[0].rows while（ol.length>0）{ table.tBodies[0].appendChild（ol[0]） } } </script>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
Table的 tBodies属性是一个JS中的集合，而不是数组，没有sort（）方法，所以不能用来直接排序。
收藏该网址
版权所有©石家庄振强科技有限公司2024
冀ICP备08103738号-5
网站地图
易网时代-编程资源站
易网时代-编程资源站