Javascript 如何使用样式'按类名和元素进行搜索；显示='；无''；

我在javascript中搜索时遇到问题

我需要在整个文档中查找，并且只查找CSS类

<span class="ID">153</span>
<span class="keywords">pararell processing, evolutionary algorithm, linear algebra algorithm, FPGA</span>
<span class="author">Oleg Maslennikow, </span>

153
并行处理，进化算法，线性代数算法，FPGA
奥列格·马斯伦尼科夫，

我想在Oleg中搜索g，但不想在处理中搜索

如果我搜索，我想显示隐藏元素，然后隐藏它

在本例中，我希望能够处理class='

author

'

我还希望能够通过显示该元素并保留它来查看具有样式

display='none'

的元素

有人能帮我吗

---

我不想使用jQuery

如果您使用的是Chrome浏览器，它应该支持

document.querySelector（）

这就是您实现所需的方式：

document.querySelector('span.author'); // to return span class="author"

在以下浏览器中受支持：

---

你可以这样做。不用担心while循环，它只是for循环的一个简短的反向版本

var element_to_find;
var list = document.getElementsByClassName("author");

var len = list.length;
while (len--) {
    if (list[len].style.display == "none") {
        var element_to_find = list[len];
        alert("do what you want");
    }
}

第二：为“display:none”创建一个类 这样更容易找到

风格：

.hidden{ display:none }

---

谢谢，现在我想去读那篇文章（或者，可能是这一章）…还有浏览器嗅探吗？真正地什么是

var st=lis[i].firstElementChild.nextElementSibling.nextElementSibling.nextElementSibling.nextElementSibling.nextElementSibling这个？为什么不
lis[i].子项[5]
？为什么只需要显式选择
display；无
？如果您显示了所有这些功能，那么显示已经显示的功能也没有什么坏处。
如果（navigator.appName/*已测试*/）{alert（“使用功能检测！！！”）；}
您应该在此处发布代码，而不是其他网站。尽量少用一个例子来说明您的问题。@RobG在Javascript标记中，将代码作为JSFiddle发布实际上似乎可以帮助您更快地得到答案，因为人们可以直接进入调试。而且，当没有提供链接时，经常会出现“请修改你的代码”的评论。。。当然，最好也在这里发布代码。