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)它將記錄相應的

標簽。 我一生無法弄清楚為什么它不起作用，我錯過了完全顯而易見的事情嗎？

Answer 1

getElementsByTagName方法返回元素的集合（在NodeList ，就像數組一樣）。

您將需要指定一個索引。 例如：

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

當前，您正在嘗試訪問NodeList本身的style屬性，而不是其中包含的元素。

Answer 2

getElementsByTagName返回元素列表，因此您需要遍歷結果：

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