显示显示的长度="；“无”；；使用javascript

我有一个函数，在单击某个内容时执行style.display=“none”

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

函数closeEvent（）{
var close=document.getElementsByClassName（“close”）；
对于（变量i=0；i

我的日常工作
添加时间和任务，然后按enter键。完成任务后，单击任务栏

要删除任务，请单击任务栏角落的x

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

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

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

---

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

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

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

---

您将面临的问题是，您的代码很可能不是唯一一个以这种方式隐藏元素的代码。
许多库也使用这种内联样式来隐藏元素，例如，

jQuery.hide（）

就是这样做的

因此，如果唯一的区别是这种风格，你很可能会发现误报

根据您的具体用途，您可以简单地维护这些元素的数组，如果您需要跟踪它们并经常重用：

const myhidden_元素=[]；
document.addEventListener（'click'，e=>{
if（例如，target.matches（“.hiddeble”））{
e、 target.style.display=“无”；
myhidden_元素推送（例如目标）；
const hidden_count=myhidden_elements.length；
console.log（隐藏计数）；
}
});
隐藏我1
隐藏我2
把我藏起来
把我藏起来
把我藏起来
隐藏我6
您将面临的问题是，您的代码很可能不是唯一一个以这种方式隐藏元素的代码。

许多库也使用这种内联样式来隐藏元素，例如，
jQuery.hide（）
就是这样做的

因此，如果唯一的区别是这种风格，你很可能会发现误报

根据您的具体用途，您可以简单地维护这些元素的数组，如果您需要跟踪它们并经常重用：


const myhidden_元素=[]；
document.addEventListener（'click'，e=>{
if（例如，target.matches（“.hiddeble”））{
e、 target.style.display=“无”；
myhidden_元素推送（例如目标）；
const hidden_count=myhidden_elements.length；
console.log（隐藏计数）；
}
});
隐藏我1
隐藏我2
把我藏起来
把我藏起来
把我藏起来
隐藏me 6
，因为这是使用
display:none内联样式的父
div
我认为您应该将其编辑为：
console.log（document.queryselectoral（'[style=“display:none；”“]'）.length）这是假设只有一种样式在元素上被内联设置，并且浏览器将完全像这样对其进行字符串化。这是相当大的假设。@A.Meshu有效。有趣的是，它给了我长度，后面是未定义的@HesamAlavi我猜这是因为在某些情况下，您没有任何具有此样式属性的元素。在执行length调用之前，您可以使用简单条件进行检查。因为这是内联样式为
display:none的父
div
我认为您应该将其编辑为：
console.log（document.queryselectoral（'[style=“display:none；”“]'）.length）这是假设只有一种样式在元素上被内联设置，并且浏览器将完全像这样对其进行字符串化。这是相当大的假设。@A.Meshu有效。有趣的是，它给了我长度，后面是未定义的@HesamAlavi我猜这是因为在某些情况下，您没有任何具有此样式属性的元素。在执行length调用之前，可以使用简单条件检查这一点。