时间戳

首页 > 解决方案 > 显示长度 display="none"; 使用 javascript

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

问题描述

我有一个函数可以在单击某物时执行 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>

标签： javascripthtml

解决方案

您可以使用以下代码仅选择样式属性为“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

推荐阅读