어떻게 스타일 클래스 명에 의해 요소에서 검색하는 '디스플레이 ='없음 ''

Question

My code

나는 자바 스크립트에서 검색에 문제가 없습니다.

문서 전체와 CSS 클래스 만 조회해야합니다.

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

나는 처리에 올렉 아니라에서 g를 검색 할 수 있습니다.

내가 숨기기 요소를 보여주고 싶은 검색하고 숨기기 후 ..이 경우

, 나는 클래스 = 'author'돌볼 수 있도록하고 싶습니다합니다.

또한 해당 요소를 표시하고 유지하여 스타일 display = 'none'의 요소를 볼 수 있기를 바랍니다.

아무도 도와 줄 수 있습니까?

jQuery를 사용하고 싶지 않습니다. 그것은 아래의 브라우저에서 지원됩니다

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

: 당신은 크롬 브라우저를 사용하는 경우

Answer 1

그것은 이것은 당신이 당신이 필요 달성하는 방법이다 document.querySelector()

지원해야 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"); 
    } 
} 

: 당신을위한 클래스 생성 콜드 "디스플레이 : 없음" 을 그래서 쉽게 찾을 수 woud.

스타일 :

.hidden{ display:none }