HTML DOM 요소 속성
예
<img> 요소에는 몇 개의 속성이 있습니까?
let numb = document.getElementById("myImg").attributes.length;
<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;
아래에 더 많은 예가 있습니다.
정의 및 사용
attributes
속성은 요소의 속성 컬렉션을 반환합니다 .
속성 은 attributes
NamedNodeMap을 반환합니다.
네임드노드맵
NamedNodeMap은 Attr(속성) 개체의 배열과 유사한 컬렉션(목록)입니다.
NamedNodeMap에는 목록의 속성 수를 반환하는 길이 속성이 있습니다.
속성은 인덱스 번호로 액세스할 수 있습니다. 인덱스는 0에서 시작합니다.
또한보십시오:
통사론
node.attributes
반환 값
유형 | 설명 |
네임드노드맵 | 속성 개체의 컬렉션입니다. |
더 많은 예
<button> 요소에는 몇 개의 속성이 있습니까?
let numb = document.getElementById("myButton").attributes.length;
<button> 요소의 두 번째(인덱스 1) 속성 이름을 가져옵니다.
let attr = document.getElementById("myBtn").attributes[1].name;
브라우저 지원
element.attributes
DOM 레벨 1(1998) 기능입니다.
모든 브라우저에서 완벽하게 지원됩니다.
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 9-11 | Yes | Yes | Yes | Yes |