這個問題在這里已經有了答案： querySelectorAll 和 getElementsBy* 方法回傳什么？ (10 個回答) 37 分鐘前關閉。
當我按下按鈕并選擇所有段落并更改字體顏色時，我無法弄清楚我想要，但我無法嘗試
<script>
var colorChanger = document.getElementsByTagName("button")[0];
colorChanger.addEventListener("click",function() {
document.querySelector('p').style.color = "blue";
});
</script>
作業代碼但只有 1 段所以在我嘗試之后
<script>
var colorChanger = document.getElementsByTagName("button")[0];
colorChanger.addEventListener("click",function() {
document.querySelectorAll('p').style.color = "blue";
});
</script>
不起作用......
我嘗試為所有段落提供相同的 id 標簽，但同樣只有其中 1 個有效。
uj5u.com熱心網友回復：
由于document.querySelectorAll('p')回傳一個陣列，您需要回圈并設定顏色。
var colorChanger = document.getElementsByTagName("button")[0];
colorChanger.addEventListener("click",function() {
let allP = document.querySelectorAll('p');
for(let i=0; i<allP.length; i )
{
allP[i].style.color = "blue";
}
});<button>Click</button>
<p>para1</p>
<p>para2</p>
<p>para3</p>轉載請註明出處，本文鏈接：https://www.uj5u.com/net/338614.html
標籤：javascript html css