javascript - 更改 css 属性

Question

使用DOM操作需要改变这个:

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline; 
}

为此:

ul.tabbernav li
{
list-style: none;
margin: 0;
display: none;
}

仅使用纯 javascript 函数。感谢任何帮助

Answer 1

您的目标不应该是更改 css，而是向 html 元素添加或删除一个类，这将对应于带有 display:none 的 css。

这是一个 example :

样式:

.hidden { display:none; }

javascript:

document.getElementById("hideMe").classList.toggle("hidden");