JS_javascript 기술로 html 객체를 얻는 여러 가지 방법 소개

document.getElementById("zx");

ID로 html 요소 개체를 가져옵니다. ID 번호는 html 문서에서 고유해야 합니다. 반환되는 것은 유일한 요소 객체입니다. 그리고 모든 브라우저가 호환됩니다.

document.getElementsByTagName("span")[0];

태그를 통해 html 객체를 찾습니다. html 태그는 한 페이지에서 여러 번 반복될 수 있으므로 현재 페이지는 배열을 반환합니다. 레이블이 나타나는 위치에 따라 요소의 위치를 ​​지정할 수 있는 개체입니다. 모든 브라우저가 호환됩니다.

document.getElementsByName("hh")[0];

name 속성을 통해 html 객체를 찾습니다. 하지만 모든 태그에 name 속성이 있는 것은 아니지만 인위적으로 name 속성을 추가하여 여러 개의 name 속성이 있을 수도 있으므로 고유하지 않습니다. . 따라서 이 메서드도 배열을 반환합니다. 마찬가지로 html에서 이름의 위치에 따라 이름을 배치할 수도 있습니다. IE 시리즈는 호환되지 않으며 권장되지 않습니다.

innerHTML: 이 방법은 html 요소의 특정 html 코드를 가져오는 것입니다

document.getElementById("zx").innerHTML;

요소의 HTML 코드를 업데이트할 수도 있습니다.

document.getElementById("zx").innerHTML="데이트해요~";