document.getElementById("zx");
ID로 html 요소 개체를 가져옵니다. ID 번호는 html 문서에서 고유해야 합니다. 반환되는 것은 유일한 요소 객체입니다. 그리고 모든 브라우저가 호환됩니다.
document.getElementsByTagName("span")[0];
태그를 통해 html 객체를 찾습니다. html 태그는 한 페이지에서 여러 번 반복될 수 있으므로 현재 페이지는 배열을 반환합니다. 레이블이 나타나는 위치에 따라 요소의 위치를 지정할 수 있는 개체입니다. 모든 브라우저가 호환됩니다.
document.getElementsByName("hh")[0];
html 객체는 name 속성을 통해 위치를 찾게 되지만, 모든 태그가 name 속성을 갖고 있는 것은 아니지만, 고유하지 않은 여러 개의 name 속성이 있을 수 있으므로 인위적으로 name 속성을 추가하여 찾을 수도 있습니다. 따라서 이 메서드도 배열을 반환합니다. 마찬가지로 html에서 이름의 위치에 따라 이름을 배치할 수도 있습니다. IE 시리즈는 호환되지 않으며 권장되지 않습니다.
innerHTML: 이 메소드는 html 요소의 특정 html 코드를 얻는 것입니다.
document.getElementById("zx").innerHTML;
요소의 HTML 코드를 업데이트할 수도 있습니다.
document.getElementById("zx").innerHTML="<b>데이트하자~</b>";