Javascript 动态添加不起作用的样式

对不起我的英语。 我想在我的站点中隐藏一个div。我正在使用这个代码

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

这适用于所有web浏览器。但是当我在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 

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

试试看

$（'ul.tab li'）.css（“显示”、“无”）

而且

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

$（'ul.tab li'）.css（“显示”、“无”）

删除
ul
和
选项卡之间的空格

更新：

querySelectorAll
返回一个
数组
。这就是为什么不能直接使用
.style
属性的原因。您必须在该数组中循环，才能将该样式应用于选定的元素。
试试看

$（'ul.tab li'）.css（“显示”、“无”）

而且

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

$（'ul.tab li'）.css（“显示”、“无”）

删除
ul
和
选项卡之间的空格

更新：

querySelectorAll
返回一个
数组
。这就是为什么不能直接使用
.style
属性的原因。您必须在该数组中循环，才能将该样式应用于选定的元素。
试试看

$（'ul.tab li'）.css（“显示”、“无”）

而且

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

$（'ul.tab li'）.css（“显示”、“无”）

删除
ul
和
选项卡之间的空格

更新：

querySelectorAll
返回一个
数组
。这就是为什么不能直接使用
.style
属性的原因。您必须在该数组中循环，才能将该样式应用于选定的元素。
试试看

$（'ul.tab li'）.css（“显示”、“无”）

而且

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

$（'ul.tab li'）.css（“显示”、“无”）

删除
ul
和
选项卡之间的空格

更新：

querySelectorAll
返回一个
数组
。这就是为什么不能直接使用
.style
属性的原因。您必须循环该数组，才能将该样式应用于所选元素。
尝试使用Jquery

尝试使用Jquery

尝试使用Jquery

尝试使用Jquery

您可以这样做：

var nodes = document.querySelectorAll('ul .tab li');
for (var i = 0; i < nodes.length; i++) {
    nodes[i].style.display = 'block'; //Or none
}

var节点=document.querySelectorAll（'ul.tab li'）；
对于（var i=0；i

您可以执行以下操作：

var nodes = document.querySelectorAll('ul .tab li');
for (var i = 0; i < nodes.length; i++) {
    nodes[i].style.display = 'block'; //Or none
}

var节点=document.querySelectorAll（'ul.tab li'）；
对于（var i=0；i

您可以执行以下操作：

var nodes = document.querySelectorAll('ul .tab li');
for (var i = 0; i < nodes.length; i++) {
    nodes[i].style.display = 'block'; //Or none
}

var节点=document.querySelectorAll（'ul.tab li'）；
对于（var i=0；i

您可以执行以下操作：

var nodes = document.querySelectorAll('ul .tab li');
for (var i = 0; i < nodes.length; i++) {
    nodes[i].style.display = 'block'; //Or none
}

var节点=document.querySelectorAll（'ul.tab li'）；
对于（var i=0；i

试试这个纯javascript:

var list=document.getElementsByTagName("UL")[0];
var list1=list.getElementsByClassName('tab'); 
list1.getElementsByTagName("LI")[0].style.display = "none";

试试这个纯javascript:

var list=document.getElementsByTagName("UL")[0];
var list1=list.getElementsByClassName('tab'); 
list1.getElementsByTagName("LI")[0].style.display = "none";

试试这个纯javascript:

var list=document.getElementsByTagName("UL")[0];
var list1=list.getElementsByClassName('tab'); 
list1.getElementsByTagName("LI")[0].style.display = "none";

试试这个纯javascript:

var list=document.getElementsByTagName("UL")[0];
var list1=list.getElementsByClassName('tab'); 
list1.getElementsByTagName("LI")[0].style.display = "none";

你可以用

$('ul .tab li').hide();

你可以用

$('ul .tab li').hide();

你可以用

$('ul .tab li').hide();

你可以用

$('ul .tab li').hide();

如果OP已经在页面中，则可以使用jQuery。如果OP已经在页面中，则可以使用jQuery。如果OP已经在页面中，则可以使用jQuery。如果OP已经在页面中，则可以使用jQuery。如果OP已经在页面中，则可以使用jQuery。但是@deepu建议使用javascript作为jQuery在少数ipad版本上不起作用。
.attr（）
不是在任何浏览器/设备中设置
.style
属性的方式。jQuery
.css（）
可以很好地设置样式属性（在所有iPad上），因为这就是它的用途。OP的问题是误用了
.attr（）
，而不是iPad的jQuery问题。哦哦，我明白了。！谢谢：）如果OP已经在页面中，那么最好使用jQuery。但是正如@deepu建议的那样，使用javascript作为jQuery在一些ipad版本上不起作用。
.attr（）
不是在任何浏览器/设备中设置
.style
属性的方式。jQuery
.css（）
可以很好地设置样式属性（在所有iPad上），因为这就是它的用途。OP的问题是误用了
.attr（）
，而不是iPad的jQuery问题。哦哦，我明白了。！谢谢：）如果OP已经在页面中，那么最好使用jQuery。但是正如@deepu建议的那样，使用javascript作为jQuery在一些ipad版本上不起作用。
.attr（）
不是在任何浏览器/设备中设置
.style
属性的方式。jQuery
.css（）
可以很好地设置样式属性（在所有iPad上），因为这就是它的用途。OP的问题是误用了
.attr（）
，而不是iPad的jQuery问题。哦哦，我明白了。！谢谢：）如果OP已经在页面中，那么最好使用jQuery。但是正如@deepu建议的那样，使用javascript作为jQuery在一些ipad版本上不起作用。
.attr（）
不是在任何浏览器/设备中设置
.style
属性的方式。jQuery
.css（）
可以很好地设置样式属性（在所有iPad上），因为这就是它的功能所在