更改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：

css：

.hidden { display:none; }

javascript：

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

Answer 2

如果你想要纯粹的JavaScript，你可以使用它。

 function changeCss(){ 
    var selector = document.getElementById('your_selector')
    selector.style.display = "none"
 }

然后您可以在需要使用它时调用它。

如果您有权访问某些jquery

，则可以使用此功能

$(document).ready(function(){
    $('.some_button_or_link').on('click',function(){
       $('your_selector').style('display' , 'none')
   })
})

更多，你可以使用这样的类（添加和删除）：

如果你有这样的css：

  .hidden{display : none}

然后你可以使用它：

$(document).ready(function(){
  $('.some_button_or_link').on('click',function(){
   $('your_selector').addClass('hidden')
   })
 })

如果你想重新添加课程

   $(document).ready(function(){
     $('.some_button_or_link').on('click',function(){
       $('your_selector').removeClass('hidden')
     })
  })

然后请注意，在我使用.on（'click'）的地方，你也可以使用其他类型的事件。尝试并回发。干杯！

Answer 3

$('.ul.tabbernav li').css('display', 'none');

更有效率：

<script>
(function(){
  $('.ul.tabbernav li').css('display', 'none !important');
})();
</script>