javascript - 显示显示长度 ="none";使用 JavaScript

Question

我有一个函数，当单击某个东西时，它会执行 style.display = "none"。

我想知道如何找出不显示的元素的长度。

function closeEvent() {
 var close = document.getElementsByClassName("close");

 for (var i = 0; i < close.length; i++) {
  close[i].onclick = function () {
   var div = this.parentElement;
   div.style.display = "none";

   renderGraph();
  }
 }
}

<div id="myDIV" class="header">
  <h1>My Daily Tasks</h1>
  <p>Add a time and task then press enter. When finished task click on task bar</p>

  <p>To delete task click on <span id="x-text">x</span> in the corner of task bar</p>
  <input type="time" id="myInput1" value="06:00">
  <input name="text" type="text" id="myInput" placeholder="My task...">

  <span onclick="newElement()" class="addBtn" id="myBtn"></span>
 </div>
 <ul id="columns">

 </ul>

Answer 1

您可以使用以下代码仅选择 style 属性“display:none”的元素并获取找到的总数。

var total = document.querySelectorAll('[style="display: none;"]').length

查看 querySelector 和 querySelectorAll 的完整文档。它们都是非常强大的选择器，您可以像 css 选择器一样使用它们:

https://developer.mozilla.org/en-US/docs/Web/API/Document/querySelectorAll https://developer.mozilla.org/en-US/docs/Web/API/Document/querySelector