HTML DOM Element attributes 속성

정의와 사용법

attributes 속성이 요소에 있는 속성 집합을 반환합니다.

attributes 속성이 NamedNodeMap을 반환합니다.

NamedNodeMap

NamedNodeMap 요소 속성과 유사한 배열형 비정렬 집합입니다.

다시 말해 NamedNodeMap은 Attr 객체리스트를 제공합니다.

NamedNodeMap은 노드 수를 반환할 수 있는 length 속성。

이름이나 인덱스 번호(인덱스)로 접근할 수 있습니다. 인덱스는 0에서 시작됩니다.

자세히 보기:

HTML DOM 속성

인스턴스

예제 1

<img> 요소에 속성이 얼마나 많나요：

let numb = document.getElementById("myImg").attributes.length;

직접 시도해 보세요

예제 2

<img> 요소의 모든 속성을 표시하세요：

const nodeMap = document.getElementById("myImg").attributes;
let text = "";
for (let i = 0; i < nodeMap.length; i++) {
  text += nodeMap[i].name + " = " + nodeMap[i].value + "<br>";
}
document.getElementById("demo").innerHTML = text;

직접 시도해 보세요

예제 3

<button> 요소에 속성이 얼마나 많나요：

let numb = document.getElementById("myButton").attributes.length;

직접 시도해 보세요

예제 4

<button> 요소의 두 번째 (인덱스 1) 속성 이름을 가져오세요:

let attr = document.getElementById("myBtn").attributes[1].name;

직접 시도해 보세요

문법

node.attributes

반환 값

타입 설명
NamedNodeMap 속성 객체의 집합입니다.

브라우저 지원

element.attributes 은 DOM Level 1 (1998) 기능입니다.

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

크롬 IE 에지 파이어폭스 사파리 오페라
크롬 IE 에지 파이어폭스 사파리 오페라
지원 9-11 지원 지원 지원 지원