jQuery選擇器找到DOM元素，但本機javascript選擇器返回未定義

Question

我在div元素上使用本機Javascript選擇器，如下所示

var slider_image=document.querySelectorAll('.slider');
    slider_image.style.opacity=0;

這會返回我未捕獲的拼寫錯誤。 無法設置未定義的不透明度。 但是，當我在控制台中使用選擇器找到div元素時，便獲得了DOM。 但是我不能設置不透明度值，因為它顯示了相同的錯誤。

但是，jQuery選擇器可以完美地完成這項工作。 這里有什么問題？

有人可以建議嗎？

謝謝

Answer 1

因為querySelectorAll返回一個列表，並且列表沒有您要查找的屬性。

其中，Jquery維護選定對象的集合，並在內部進行操作並應用您要求的更改。

但是，您也可以使用本機腳本執行相同的操作。 您需要做的就是遍歷返回的列表，然后將樣式應用於每個對象，而不是直接將其應用於列表。