Jquery 选择器找到 DOM 元素，但原生 javascript 选择器返回 undefined

Posted 2023-05-09

【中文标题】Jquery 选择器找到 DOM 元素，但原生 javascript 选择器返回 undefined

【英文标题】：Jquery selector finds the DOM element but native javascript selector returns undefined

【发布时间】：2017-09-22 20:35:26

【问题描述】：

我在 div 元素上使用原生 javascript 选择器，如下所示

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

这会返回我未捕获的拼写错误。无法设置未定义的不透明度。但是，当我使用控制台中的选择器找到 div 元素时，我得到了 DOM。但是我再次无法设置不透明度值，因为它显示了相同的错误。

然而，jquery 选择器完美地完成了这项工作。这里有什么问题？

有人可以推荐吗？

谢谢

【参考方案1】：

因为querySelectorAll 返回一个列表，而列表没有您要查找的属性。

Jquery 维护选定对象的集合并在内部执行操作并应用您要求的更改。

但是，您也可以对 Native 脚本执行相同的操作。您需要做的就是遍历返回的列表并将样式应用于每个对象，而不是直接将其应用于列表。