Question

我已经动态生成了div，它接收了两个应用于它的生成类。例如，我有：

<div class="container">...</div>

然后在我使用一些Javascript搞乱它之后，它变成了：

<div class="container post post-hello-world">...</div>

对于这个示例，如何使用纯Javascript来获取第三个类（post-hello-world）并将其存储在某个地方以用于我的Javascript代码中的其他内容？

Answer 1

如果您想要的课程总是第三名，请使用classList和item：

var className = document.getElementsByClassName('container')[0].classList.item(2);

查看

MDN: Element.classList

<强>演示

Try before buy

Answer 2

您可以这样做：

var element = document.querySelector(".container");
var thirdClass = element.classList[2];

您还可以使用一些检查来确保该元素有3个或更多类。像if(element.classList.length >= 3)

这样的东西