javascript - Javascript - 要素を var に入れるが、スタイルを変更できない

Question

要素がクリックされたときに呼び出される関数があります。

function showHide(elem){    
        var clickedText = elem.getElementsByTagName("p");
        clickedText.style.color = "green";

    }

このコードを実行すると、Uncaught TypeError: Cannot set property 'color' of undefined. ただし、それを行うconsole.log(clickedText)と、適切なログが記録されます

鬼ごっこ。私の人生では、これが機能しない理由を理解できません。完全に明らかな何かを見逃したのでしょうか?

score 5 · Accepted Answer

このgetElementsByTagNameメソッドは、要素のコレクションを返します (NodeList配列のようなで)。

インデックスを指定する必要があります。例えば：

clickedText[0].style.color = "green";

現在、その中に含まれる要素ではなく、それ自体のstyleプロパティにアクセスしようとしています。NodeList

score 5 · Accepted Answer

getElementsByTagName要素のリストを返すため、結果をループする必要があります。

var clickedTexts = elem.getElementsByTagName("p");
for (var i = 0; i < clickedTexts.length; i++) { 
    clickedTexts[i].style.color = "green";
}

2 に答える 2