Javascript 如何使用特定的样式属性值获取循环中元素的长度

在纯javascript中，如何获取具有内联样式属性opacity值“1”的循环元素的长度。我只想用内联样式的属性值来捕获它们，但不想分配任何类名，因为出于将来的目的，我可能想用不同的属性值来捕获它们 也可以使用不同的样式属性值。是否有可能通过使用类似这样的

document.querySelectorAll（“li[style*='opacity:1']”）获取元素

文本
文本
文本
文本
文本
文本
文本
文本
文本
文本
文本
文本
文本

var elem=document.queryselectoral（“li”）；
//var elem=document.queryselectoral（“li[style*='opacity:1']”）；
对于（变量i=0；i

也许你想要这样的东西？这并不比你拥有的好多少

var elem=Array.from（document.querySelectorAll（“li”））.filter（el=>el.style.opacity==1）；
console.log（元素长度）

文本
文本
文本
文本
文本
文本
文本
文本
文本
文本
文本
文本
文本
您可以这样尝试：

var elements = document.querySelectorAll('li[style="opacity: 1; display:inline-block;"]');

考虑到每个元素都有
显示：内联块也是。
您所说的“长度”、不透明度为1的项目数或此类元素的摘要宽度是什么意思？我是指不透明度为1的项目数。当我找到不透明度为1的长度时，我将以在新循环中创建的li元素为目标，并动态更改宽度或任何内容@mankowitz answer应该执行以下操作：
Array.from（document.querySelectorAll（“li”））.filter（el=>parseInt（el.style.opacity））.length
仅当“显示：内联块”也添加了不透明度时才起作用。如果我只尝试使用'li[style=“opacity:1；“]”，为什么它不起作用。
var elements = document.querySelectorAll('li[style="opacity: 1; display:inline-block;"]');