JavaScript에서 클래스 이름으로 요소를 선택하는 방법은 무엇입니까?

JavaScript에서 클래스 이름으로 요소를 가져오는 방법

JavaScript에서 ID로 요소를 가져오는 구문은 다음과 같습니다.

var x=document.getElementById("by_id");

그러나 다음 구문을 사용하여 클래스별로 요소를 검색하려고 하면 오류가 발생합니다.

var y=document.getElementByClass("by_class");

해결책:

클래스별로 요소를 성공적으로 검색하려면 , 대신 getElementsByClassName 함수를 활용하세요:

var y = document.getElementsByClassName('foo');

고려 사항:

반환 값은 단일 요소가 아닌 배열과 유사한 객체(NodeList 또는 HTMLCollection)입니다. 개별 요소에 액세스하려면 대괄호 표기법(y[0])을 사용하세요.

대체 방법:

querySelector('.foo') 및 querySelectorAll('.foo) ')는 더 넓은 브라우저 지원으로 인해 선호되는 대안입니다(getElementsByClassName의 경우 93.99% 대 87.24%).

위 내용은 JavaScript에서 클래스 이름으로 요소를 선택하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!