Js 작업DOM 객체의 과정을 요약하자면, 요소를 선택하는 다양한 방법의 속도를 살펴봤습니다. 기본 방법은 jQUERY 블록보다 거의 8배 빠르며, 속도는 IE9의 것입니다.
문서 요소 선택 방법:
1. ID로 요소 선택(getElementById)
1) 사용법: document.getElementById("domId")
여기서 domId는 문서의 id 속성 값입니다. 2) 호환성: IE8보다 낮은
IE 브라우저의 경우 getElementById 메소드 구현은 요소 ID 번호의 대문자와 소문자를 구분하지 않으며 name 속성과 일치하는 요소를 반환합니다.
2. 이름으로 요소 선택(getElementsByName)
1) 사용 방법: document.getElementsByName("domName")
여기서 domName은 선택할 요소의 이름 속성 값입니다.
2) 설명: a. nodeList 컬렉션입니다(Array와 다름). b. ID 속성과 달리 name 속성은 일부 DOM 요소(양식 양식, 양식 요소, iframe, img)에서만 유효합니다. 이는 양식 데이터 제출을 용이하게 하기 위해 name 속성이 생성되었기 때문입니다. ~ ~ 따라서 document.domName을 통해 해당 dom 객체를 참조할 수 있습니다
3) 호환성: IE에서 일치하는 ID 속성 값을 가진 요소도 함께 반환됩니다.
3. 태그 이름으로 요소를 선택합니다(
getElementsByTagName
)
1) 사용 방법: element .getElementsByTagName("tagName") 여기서 element는 유효한 DOM 요소(문서 포함)입니다. tagName은 DOM 요소의 태그 이름입니다. 2) 설명: a. 반환 값은 nodeList 컬렉션입니다. 배열)
메소드는 해당 메소드를 호출하는 요소의 하위 요소만 선택할 수 있습니다. ㅋㅋㅋ ~ . 예를 들어 문서의 이미지, 양식 및 링크 속성은 ,