Javascript getElementsByClass() 함수를 사용하여 클래스 또는 태그에서 클래스를 선택하는 방법은 무엇입니까? jQuery를에

Question

단순히

$("a.class").randommethod(); 

또는

$(".class1 .class2").randommethod(); 

가 어떻게 순수 자바 스크립트를 사용하여 동일한 효과를 달성 할 것입니까? (나는 개인용 오픈 소스 소프트웨어를 편집하고 있으며 jQuery를 사용하지 않는다.)

Answer 1

getElementsByClassName을 사용하여 수행 할 수 없다. querySelectorAll과 같은 것을 사용해야 할 것입니다. CSS 스타일 선택기를 사용할 수 있습니다.

var result = document.querySelectorAll('.class1 .class2'); 

두 가지 방법 모두 브라우저를 완전히 지원하지 않습니다. 그래서 사람들이 자바 스크립트 라이브러리를 사용합니다. 구형 브라우저를 지원할 필요가 없다면 querySelectorAll을 선택하는 것이 좋습니다.

또 다른 옵션은 jQuery에서 사용하는 the Sizzle selector engine을 사용하는 것입니다.

Answer 2

당신은 자신의 선택기 엔진을 작성하거나 jQuery에서 사용되는 sizzle (http://sizzlejs.com/)과 같은 설정 엔진을 사용해야합니다.