>  기사  >  웹 프론트엔드  >  js에서 DOM 요소를 가져오는 방법 요약

js에서 DOM 요소를 가져오는 방법 요약

angryTom
angryTom앞으로
2019-12-11 17:28:112995검색

js에서 DOM 요소를 가져오는 방법 요약

요소를 가져오는 방법을 요약합니다

1. id 속성 값을 기준으로 요소를 가져오고 요소 객체를 반환합니다

document.getElementById("id属性的值");
document.getElementById("btn");

[관련 강좌 추천: JavaScript 동영상 튜토리얼 ]

2. 태그 이름을 기반으로 요소를 가져옵니다. 반환되는 것은 여러 DOM 개체를 저장하는 의사 배열입니다

document.getElementsByTagName("标签名字");
document.getElementsByTagName("li");

일부 브라우저는 다음 항목을 지원하지 않습니다

3. name 속성 값으로 요소를 가져오고 여러 DOM 객체를 저장하는 의사 배열을 반환합니다.

document.getElementsByName("name属性的值")
document.getElementsByName("name1")

4. 클래스 스타일의 이름에 따라 요소를 가져오고 다음을 저장하는 의사 배열을 반환합니다. 다중 DOM 개체

document.getElementsByClassName("类样式的名字")
document.getElementsByClassName("cls")

5. 선택기를 기반으로 요소를 가져오고 요소 개체를 반환합니다

document.querySelector("选择器的名字");
document.querySelector("#btn"); //id,类,标签等选择器用的比较多

6. 선택기를 기반으로 요소를 가져오고 저장된 유사 배열을 반환합니다. 다중 DOM 개체

document.querySelectorAll("选择器的名字")

이 기사는 js tutorial 칼럼에서 가져온 것입니다. 배우신 것을 환영합니다!

위 내용은 js에서 DOM 요소를 가져오는 방법 요약의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
이 기사는 cnblogs.com에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제