我在頁腳中有一個 1 襯里 JS，我無法讓 getElementsByClassName 來調整樣式屬性。“Hello World”有效，所以它一定是我的語法？
頁腳代碼是這樣的：
<script>
var test = document.getElementsByClassName("elementor-widget-container");
test.style.background-color = 'white';
var widgets = document.getElementsByClassName("widgets_wrapper");
widgets.style.margin = "0px";
</script>
uj5u.com熱心網友回復：
document.getElementsByClassName回傳節點串列。哪怕只有一個。
所以你（可能）想要做的是：
var test = document.getElementsByClassName[0]
將來，例如，嘗試運行 console.log(test) 以查看您正在使用的內容，然后再撰寫更多代碼來操作該變數/元素。
uj5u.com熱心網友回復：
getElementsByClassName 回傳一個類似物件的陣列，即使只有一個。你可以試試：
var test = document.getElementsByClassName("elementor-widget-container")[0];
或者：
test[0].style.background-color = 'white';
uj5u.com熱心網友回復：
問題是 test 是一個 Node 陣列，而不僅僅是 Node.js。所以，你會這樣做：
<script>
let tests = document.getElementsByClassName("elementor-widget-container");
tests.forEach( test => { test.style.background-color = 'white'; } );
let widgets = document.getElementsByClassName("widgets_wrapper");
widgets.forEach( widget => { widget.style.margin = "0px"; } );
</script>
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/482024.html
上一篇：如何使用正確的時區檢索日期時間