javascript - 动态添加样式不起作用

Question

抱歉我的英语不好。我想在我的网站中隐藏一个 div。我正在使用这个代码

  $('ul .tab li').attr("style", "display: none");

这适用于所有网络浏览器。但是当我用我的ipad查看这个的时候。存在错误。经过一番谷歌搜索后，我发现有些 ipad 浏览器不支持 attr。然后我只能使用 javascript 来动态设计我的网站。当我使用这段代码时，我收到一个错误

  document.querySelectorAll('ul .tab li').style.display = "none";
  document.querySelectorAll('ul .tab li li').style.display = "block";

错误是

  Uncaught TypeError: Cannot set property 'display' of undefined 

如果有人知道这件事，请帮助我。

Answer 1

尝试

$('ul .tab li').css("显示", "无");

另外，

lib 是分配给 ul 元素的类吗？在这种情况下，正确的做法是

$('ul.tab li').css("显示", "无");

删除ul和.tab之间的空格

更新:

querySelectorAll 返回一个Array。这就是为什么你不能直接使用 .style 属性。您必须循环遍历该数组才能将该样式应用于所选元素。