获取子元素的类名

Question

我正在尝试使用JS获取子元素的类名。我尝试了以下，但它不起作用。非常感谢任何帮助！

stdout {

  codec => rubydebug

}

var selectedicon = document.getElementByClassName('selected-icon');
var iconclass = selectedicon.getElementsByTag("i")[0].className;

console.log(iconclass);

Answer 1

试一试：

var selectedicon = document.querySelector('.selected-icon');
var iconclass = selectedicon.children[0].className;

console.log(iconclass);

Answer 2

您应该使用 document.getElementsByClassName 和 selectedicon.getElementsByTagName 。

Answer 3

试试这个，

var part = document.querySelector(".selected-icon");
var chld = part.querySelector('.hummma');
console.log(chld.className);

Answer 4

听起来你想要第一个class元素中第一个i的{​​{1}}。如果是这样的话：

selected-icon

var i = document.querySelector(".selected-icon i");
console.log(i ? i.className : "Not found");

<div class="selected-icon"> <i class="hummma"></i> </div>接受CSS选择器并找到DOM中与其匹配的第一个元素。还有document.querySelector，它返回匹配元素的列表。在元素上也有两个版本的版本，只能在该元素的后代中查看。