子要素のクラス名を取得する

Question

JSを使用して子要素のクラス名を取得しようとしています。私は以下を試しましたが、うまくいかないでしょう。どんな助けでも大歓迎です！

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

 
console.log(iconclass);

<div class="selected-icon"> 
 
    <i class="hummma"></i></div>

Answer 1

、これを試してみてください。その場合：

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

<div class="selected-icon"> 
 
    <i class="hummma"></i> 
 
</div>

document.querySelector CSSセレクタを受け入れ、それに合致するDOM内の最初の要素を検索します。一致する要素のリストを返すdocument.querySelectorAllもあります。要素の両方のバージョンも存在し、その要素の子孫の中だけを見ます。

Answer 2

あなたはdocument.getElementsByClassNameとselectedicon.getElementsByTagNameを使用する必要があります。

Answer 3

は、あなたが最初にselected-icon要素内の最初のiのclassをしたいようですね

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

Answer 4

はそれを試してみてください。

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

console.log(iconclass);