配列から要素のノード値を取得する

Question

分類された要素の内容に基づいて異なることが起こる関数を作成しようとしています。たとえば、いくつかの要素のクラス名が「name」で、コンテンツ（またはノード値）が「Joe」のすべての要素を強調表示したい場合は、getElementsByClassName配列をループしながらifテストを作成できますか？ここで

働いていない機能の例です。

function hey() 
{var h = document.getElementsByClassName("name"); 
for(i=0; i<h.length; i++) 
    {var thisOne = h[i]; 
    if (thisOne[0].childNodes[0].nodeValue="Joe"){thisOne.style.color="red"} 
    else{thisOne.style.color="blue"} 
    } 
} 

おかげ

Answer 1

あなたはNode.textContentメソッドを使用して、要素のテキストの内容をテストすることができます。これは、ノードがテストされている内容以外の内容を持っていないことを前提としていますが、たとえばspanタグで作成された子要素内にある可能性があります。 「名前」コンテナに追加の空白が含まれている場合は、結果をトリミングする必要があります。 thisOne [0] `` thisOne`であるべきで、 `のnodeValue = "ジョー"` `のnodeValue === "ジョー"`（する必要がありますが、 `=ことを知っているように見える

function hey() 
 
{var h = document.getElementsByClassName("name"); 
 
for(i=0; i<h.length; i++) 
 
    {var thisOne = h[i]; 
 
    if(thisOne.textContent.trim() == "Joe") { 
 
     thisOne.style.color="red" 
 
    } 
 
    else { 
 
     thisOne.style.color="blue"} 
 
    } 
 
} 
 
hey();

<p class="name"> 
 
    Joe 
 
</p> 
 
<p class="name"> 
 
    Felix 
 
</p> 
 

 
And another <span class="name"> Joe </span>