1: 물건을 얻는 세 가지 방법
1) document.getElementById(id) 객체의 속성 ID를 통해 가져옵니다.
2) element.getElementByTagName(tag) 태그 이름으로 가져오기
3) element.getElementByClassName(class) 속성 클래스 이름을 통해 가져옵니다.
2: 속성의 메소드를 설정하고 가져옵니다.
1) object.getAttribute(attribute); 요소의 속성을 가져옵니다.===>>>HTMLDOM: object.attribute;2)object.setAttribute(attribute,value);요소의 속성을 설정합니다.====>>>HTMLDOM:object.attribute=value;
3: 노드의 일부 속성
1) childNodes 속성: 배열을 반환합니다.element.childNodes[0]는 element.firstChild와 동일합니다
element.childNodes[element.childNodes.length]는 element.lastChild와 동일합니다
2) nodeType 속성: 총 12개의 값이 가능하지만 그 중 가치가 있는 값은 3개뿐입니다.
요소 노드의 nodeType=1
속성 노드 nodeType=2
텍스트 노드 nodeType=3
3) nodeValue 속성: 주요 기능은 요소의 텍스트 내용을 변경하는 것입니다. 이 기능은 object.innerHTML과 유사합니다
예:
이것은 텍스트 노드입니다
var p=document.getElementById("p");
p.childNodes[0].nodeValue="텍스트 노드의 내용 변경";
p 노드의 내용이 변경됩니다.
다음과 같이 구현할 수도 있습니다: p.innerHTML="텍스트 노드의 내용 변경";
위 내용은 이 글의 전체 내용입니다. 모두 마음에 드셨으면 좋겠습니다.