如何使用 javascript 中的 id 获取 class 名称

Question

我有一个 HTML 元素或列表项，它有一个id和一个class分配给它。 我正在编写自动化测试，我需要检查这个元素的class 。 在测试中，当我调用window.document.getElementById('my-element-id')时，它确实返回了正确的元素，但是上面没有class属性。 还有其他方法可以检查class吗？

Answer 1

您正在寻找的属性是className 。

这是一个有效的例子： http ： //jsfiddle.net/xxEtj/

HTML

<ul>
    <li id="myId" class="myClass">Item one</li>
</ul>

JS

var li = document.getElementById('myId');
alert(li.className);

Answer 2

document.getElementById('my-element-id').className

Answer 3

适当的属性是.className

EG：window.document.getElementById（'my-element-id'）。className //返回“class-1 classes”

Answer 4

您可以使用className 。

document.getElementById('myelement').className

Answer 5

如果您使用的是document.getElementById('my-element-id').className ，它不会总是返回类字符串。 当我使用document.getElementById获得 SVG 元素时，就会发生这种情况。

所以，我的建议是使用.getAttribute() ：

document.getElementById('my-element-id').getAttribute('class')