js在insertRow里面触发事件的方法

最新推荐文章于 2020-12-11 22:59:33 发布

最新推荐文章于 2020-12-11 22:59:33 发布 · 436 阅读

javascript 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一种使用JavaScript来动态创建HTML表格的方法，并演示了如何通过循环遍历数组内容来填充表格单元格，同时实现了行点击事件以更新指定输入框的值。

最近很多人在问这个问题，就随便简单做了一个

for(var i=0;i<arr.length;i++){//随便一个循环生成动态table
    var header=tab.createTHead();
    var row=header.insertRow();
    var cell=row.insertCell();
    cell.appendChild(document.createTextNode(arr[i]));
    row.style.cursor="hand";
    row.onclick=function s(){//onclick事件的触发
         document.all.result.value=this.innerText;//对象result的value为row的innerText，注意this对象
     };
}