切换类上的显示不起作用

Toggle display on class not working

本文关键字：显示 不起作用      更新时间：2023-09-26

我有代码可以将div 的显示从无切换到阻止，它工作正常，但后来我意识到需要它在多个div 上。所以，我编辑了代码以关闭类而不是 id，我从这个站点获得了代码的帮助，每个人都在说它是如何完美工作的，但它不适合我。

代码如下：

function toggleDisplay(class) {
    var display = document.getElementsByClassName(class);
    for(var i = 0; i < display.length; ++i) {
        var style = display[i].style;
        style.display = style.display === 'none' ? 'block' : 'none';
    }
}
toggleDisplay('display');

这是我在这里找到的确切代码，每个人都说它正在工作，只是类名等更改。它不起作用。我做错了什么？

您的代码是正确的，但您正在将保留关键字class作为参数传递。 请更改它，它会起作用

function toggleDisplay(className) {
  var display = document.getElementsByClassName(className);
  for(var i = 0; i < display.length; ++i) {
    var style = display[i].style;
    style.display = style.display === 'none' ? 'block' : 'none';
  }
}
toggleDisplay('display');
<p class="display">A paragraph</p>

相关文章：