我DOMTokenList有console.log()
let tag = document.getElementsByTagName('body')[0];
let list = tag.classList;
console.log(list);
從控制臺查看：
DOMTokenList []
0: "Konop_1"
length: 1
value: "Konop_1"
<prototype>: DOMTokenListPrototype { item: item(), contains: contains(), add: add(), … }
我如何才能獲得唯一的價值？
console.log(list.value); //-> empty string
?
uj5u.com熱心網友回復：
如果您只有一個值或想要回傳類屬性的整個值，您可以使用該屬性className：
顯示代碼片段
let tag = document.getElementsByTagName('body')[0];
console.log(tag.className);<body class="Konop_1"></body>如果有更多值，您可以使用classList. 這是一個關于如何查找特定值并迭代串列的示例：
顯示代碼片段
let tag = document.getElementsByTagName('body')[0];
let list = tag.classList;
if(list.contains('Konop_1')){
console.log('has "Konop_1"');
}
list.forEach(item => {
console.log(item);
});<body class="Konop_1 other"></body>uj5u.com熱心網友回復：
DOMTokenList不是一個陣列，但您可以強制 javascriptArray通過使用Array.from
let tag = document.getElementsByTagName('h2')[0];
let classes = Array.from(tag.classList);
console.log(classes);<h2 class="test">Title</h2>
<h2 class="test test2">Title</h2>因為您將擁有tag.classList屬性中包含的所有類的串列作為陣列，您可以做任何您想做的事情
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/416191.html
標籤：
上一篇：公司來了個卷王之王，讓人奔潰