Javascript如何添加样式="；显示：无“；至<；部门>；通过检查<；李>；内联风格？_Javascript

Javascript如何添加样式="；显示：无“；至<；部门>；通过检查<；李>；内联风格？

javascript

Javascript如何添加样式="；显示：无“；至<；部门>；通过检查<；李>；内联风格？,javascript,Javascript,Javascript检查如何通过检查内联样式将style=“display:none”添加到根据上述代码，默认情况下，所有都具有style=“display:none” 现在我希望javascript将所有作为style=“display:none”检查如果所有都具有style=“display:none”，则食物也呈现为食物 HTML代码：食物比萨饼法拉费油炸圈饼汉堡奶酪三明治 Require-javascript输出的HTML代码：食物比萨饼法拉费油炸圈饼

Javascript检查如何通过检查内联样式将

style=“display:none”

添加到

根据上述代码，默认情况下，所有
都具有
```
style=“display:none”
```
现在我希望javascript将所有
作为
```
style=“display:none”
```
检查
如果所有
都具有
```
style=“display:none”
```
，则
食物也呈现为
食物

HTML代码：
食物

比萨饼
法拉费
油炸圈饼
汉堡
奶酪三明治

Require-javascript输出的HTML代码：
食物

比萨饼
法拉费
油炸圈饼
汉堡
奶酪三明治

像这样的东西

var allHidden=true；
$（“#食品ul li”）。每个（功能）{
如果（$（this）.is（“：可见”））{
所有隐藏=错误；
}
});
如果（全部隐藏）{
$（“食物”）.hide（）；
}


食物

比萨饼
法拉费
油炸圈饼
汉堡
奶酪三明治

由于没有

jquery

标记，我提供了一个与@bhargavponnapalli不同的本地Javascript解决方案：

var food = document.getElementById('food');
var list = food.getElementsByTagName('li');
var hideDiv = true;
for(var i in list) {
    if(typeof list[i] == 'object') {        
        var style = window.getComputedStyle(list[i]);
        if(style.display != 'none') {
            hideDiv = false;
        }
    }
}
if(hideDiv == true) {
    food.style.display = 'none';
}

这里有工作