本文展示了一个简单的网页脚本实例，通过JavaScript动态修改表格单元格内容，并插入自定义链接，演示了如何在网页中进行交互式元素操作。
<script>
var h=1;
function ff(d)
{
var a=d.getElementsByTagName("td");
if(event.srcElement.tagName.toLowerCase()=='td'&&h==1)
{h++;
for(var i=0;i<a.length;i++)
{ var j=a[i].innerHTML;
a[i].innerHTML='<input type="text" value='+j+'></input>';
}
}
dd();
}
function dd()
{
alert("fasd");
var tableDom=document.getElementById("table1");
var rows=tableDom.rows;
alert(rows.length);
var row=rows[0];
var cells=row.cells;
alert(cells.length);
var trDom=document.getElementById("table1").getElementsByTagName("tr");
for(var j=0;j<trDom.length;j++){
var nn=trDom[j].insertCell(cells.length);
nn.innerHTML="<a href='#'>修改</a>";
}
}
</script>
<html>
<body>
<table id="table1">
<tr id="wo" onclick="ff(this)"><td>wsdf</td><td>worei</td><td>wer</td></tr>
</table>
</body>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
