欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

table中tr的name属性无法通过getElementsByName获取tr元素

程序员文章站 2022-06-08 17:07:44
...

问题描述:要将页面的table设为不可编辑

方案1

document.getElementById("tableid").disabled = "true";

通过这种方式设置,只是把整个table标签变为了灰色,但是还是可以修改每一格的内容。

方案2

要是通过id设置table中每一格的数据为不可编辑,行是行的通,就是代码太繁琐了,

然后就想通过给每个tr标签设置name属性(name=“hiddentr”),

通过document.getElementsByName("")来批量设置每一行为不可编辑

var x=document.getElementsByName("hiddentr");
for(var i=0; i < x.length; i++){
	document.getElementsByName("hiddenswxx")[i].disabled = "true";
}

想法很美好,测试后发现这种设置没有用

Google一番才知道 IE不支持table中tr的name属性,document.getElementsByName不能获取到对应的tr元素,所以设置没有生效。

解决:给table的每个编辑框设置相同的name属性,然后统一设置disabled为true。