文章/答案/技术大牛

发布

社区首页 >问答首页 >如何从DOMTokenList中获取价值

问如何从DOMTokenList中获取价值
EN

Stack Overflow用户

提问于 2022-01-19 12:15:44

回答 2查看 543关注 0票数 -3

我有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

javascript

dom

回答 2

Stack Overflow用户

回答已采纳

发布于 2022-01-19 12:31:29

如果只有一个值，或者希望返回类属性的整个值，则可以使用属性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>

票数 0

Stack Overflow用户

发布于 2022-01-19 12:27:38

DOMTokenList不是一个数组，但是可以通过使用Array.from强制javascript将其视为Array。

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属性中包含的所有类的列表作为数组，所以您可以随心所欲

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/70770423

复制

相似问题

问如何从DOMTokenList中获取价值
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何从DOMTokenList中获取价值EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何从DOMTokenList中获取价值
EN