JavaScript获取没有任何库的元素类

时间:2010-08-10 21:58:00

标签: javascript class

我想使用JavaScript获取元素的属性的值。但是在这种特殊情况下,我没有YUI,jQuery等库的奢侈品,需要坚持基础。

具体来说,我正在循环一个表,想要检查单元格的类。

我试过了:

var colClass = el.getAttribute('class');

var colClass = el.class;

但似乎都没有奏效。在上面的示例中,el是从表格的单元格数组设置的,例如var el = document.getElementById('myTable').rows[y].cells[y];

4 个答案:

答案 0 :(得分:66)

也许你应该试试这个

var colClass = el.className

答案 1 :(得分:13)

您发布的这一行应该有效:

var colClass = el.getAttribute('class');

您可以发布浏览器中出现的错误吗?确保el不为空。

如果你不能使用那个,the attribute of the object is className, not class

var colClass = el.className;

答案 2 :(得分:3)

className

Element.className

<html>
<body id="myid" class="mystyle">

<script>
var x=document.getElementsByTagName('body')[0];
document.write("Body CSS class: " + x.className);
document.write("<br>");
document.write("An alternate way: ");
document.write(document.getElementById('myid').className);
</script>

</body>
</html>

答案 3 :(得分:0)

记住:

如果出现错误并且className不起作用,这可能是因为您的元素是jQuery对象。

works not on jquery

在上图中,您看到我在jQuery对象上使用className