javascript - 在 td 元素上应用填充抛出异常

Question

我已经声明了一个变量 padding，在警报中它给出了没有问题的值。但是，当我使用时:

document.getElementsByTagName("td").style.height = padding;

我收到一个错误 Uncaught TypeError: Cannot set property 'height' of undefined index.html:46
(匿名函数)!

虽然 padding 是一个正确的值!!!

现在，错了!？

注意:index.html:46就是上面显示的那一行。

Answer 1

document.getElementsByTagName("td") 返回 NodeList ，它就像 Array ，所以你可以这样做:

document.getElementsByTagName("td")[0].style.height = padding;

或者循环执行:

var tds = document.getElementsByTagName("td");

for(var i=0 , len = tds.length; i<len; i++){
   tds[i].style.height = padding;
}