HTML DOM attributes 속성

HTML DOM Element 객체

attributes속성은 지정된 요소 노드에 등록된 모든 속성 노드의 활성 셋을 반환합니다。

인덱스 번호를 통해 노드에 접근할 수 있으며, 인덱스는 0에서 시작됩니다。

NamedNodeMap 객체의 length 속성을 사용하여 속성의 수를 결정할 수 있습니다。

HTML 속성은 속성 노드이며 모든속성 및 메서드Attribute 객체에 사용할 수 있습니다。

문법：

element.attributes

var len = document.querySelector("img").attributes.length;

브라우저 호환성

모든 브라우저는 attribute 속성을 완전히 지원합니다：

기술 세부 사항

더 많은 예제

IMG 요소의 두 번째 속성(인덱스1）의 이름：

var　x　=　document.querySelector("img").attributes[1].name;

IMG 요소의 두 번째 속성(인덱스1）의 값：

var　x　=　document.querySelector("img").attributes[1].value;

IMG 요소의 모든 속성을 순회하며 각 속성의 이름과 값을 출력합니다：

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

HTML DOM Element 객체