2010-04-29 54 views
4

我已经试过这个,但不能正常工作。如何使用javascript更改表格单元格的id

tbl1.rows[0].cells[0].id ='myId'; 

,这也没有工作

tbl1.rows[0].cells[0].setAttribute("id","newid"); 

我该怎么办呢?

编辑:当查看页面源代码id没有改变,但当我们检查使用Firebug,然后显示新的Id。

谢谢

回答

2

这应该有效。如果不是,那么其他地方可能会有错误,或者选择器不正确。

查看working demo

编辑

就发现,这并不工作在Firefox。

尝试

document.getElementById("tbl1").rows[0].cells[0].id = "myId"; 
+0

你检查你的链接在Firefox吗? – 2010-04-29 07:16:39

+0

也可以在更改后查看源代码,您不会在那里看到?然而,如果点击获取,它将返回更改ID – 2010-04-29 07:18:52

+1

查看源显示您的原始,而不是源的当前状态。 – 2010-04-29 07:19:56

0

确定tbl1.rows[0].cells[0]定义?因为如果它是一个有效的DOM元素,那么只需设置id属性就足够了。

+0

是的,我正在访问此警报(tbl1.rows [0] .cells [0] .className); – 2010-04-29 07:12:57

0

如果tbl1指向一个现有的表格DOM元素,那么这应该工作。您是否在分配给tbl1之前等待页面加载?也许tbl1没有按预期分配。

相关问题