如何使用 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')