HTML DOM Attribute 객체

Attr 객체

Attr 객체는 Element 객체 내의 속성을 나타냅니다

HTML 속성은 항상 HTML 요소에 속합니다

대부분의 DOM 메서드에서 문자열 형식으로 속성을 직접 검색할 수 있습니다(예Element .getAttribute()를 사용하되, 일부 함수(예: Element.getAttributeNode())나 Attr 타입의 메서드를 이용하여 순회합니다

NamedNodeMap 객체

NamedNodeMap 객체는 Attr 객체의 비정렬 집합을 나타냅니다

NamedNodeMap에서의 노드는 이름이나 인덱스 번호로 접근할 수 있습니다

속성과 메서드

예제

이 예제는 IMG 요소의 모든 속성 이름을 표시합니다:

var attrList = document.querySelector("img").attributes;
var text = "";
　　　
for (let x = 0; x < attrList.length;++) {
　　　　text　+attrList[x].name　+　"<br>";
}

이 예제는 IMG 요소의 모든 속성 값을 표시합니다:

var attrList = document.querySelector("img").attributes;
var text = "";
　　　
for (let x = 0; x < attrList.length;++) {
　　　　text　+attrList[x].value　+　"<br>";
}

이 예제는 IMG 요소의 src 속성 값을 변경합니다:

var image = document.querySelector("img");
image.getAttributeNode("src").value = "heart.jpg";