在Javascript中这个getElementsByClassName调用有什么问题？

Question

我正在尝试访问div的宽度以放入cookie。这是div：

 <div class="tab_panel" style="width:600px">

这是唯一具有此类名称的div。不能为div指定唯一ID。这是我在事件中用来调用它的代码，但它给出了一个错误：

 document.getElementsByClassName(tab_panel).style.width

我知道Firefox支持getElementsByClassName，所以我做错了什么？

Answer 1

这是一个字符串：

document.getElementsByClassName("tab_panel")[0].style.width

再见

P.S。这是一个数组

Answer 2

document.getElementsByClassName("tab_panel")返回节点集合，其中第一个节点由document.getElementsByClassName("tab_panel")[0]引用。

如果您搜索的节点没有内联样式=“width：”赋值，则会从document.getElementsByClassName("tab_panel")[0].style.width返回一个空字符串。

Answer 3

缺少 引用 ：

document.getElementsByClassName('tab_panel').....

你应该遍历所有这样的元素：

var elms = document.getElementsByClassName('tab_panel');

for(var i = 0 ; i < elms.length; i++)
{
   alert(elms[i].style.width);
}

Answer 4

试着说：

document.getElementsByClassName("tab_panel")