javascript - 如何按类名和样式为'display ='none''的元素搜索

Question

我的代码

我在 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>

我想在Oleg中搜索g但不在processing中搜索。

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

在这种情况下，我希望能够照顾类=' author'。

我还希望能够display = 'none'通过显示该元素来查看具有样式的元素，然后保留它。

有谁能够帮我？

我不想使用 jQuery！

Answer 1

如果您使用的是 Chrome 浏览器，它应该支持document.querySelector()

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

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

以下浏览器支持它： https ://developer.mozilla.org/en-US/docs/DOM/Element.querySelectorAll

Answer 2

你可以做这样的事情。不用担心 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 }