예
속성 얼마나 많은 알아보십시오 <button> 이 요소를 :
var x = document.getElementById("myBtn").attributes.length;X의 결과가 될 수있다 :
2 »그것을 자신을 시도 더 "Try it Yourself" 아래의 예.
정의 및 사용
속성 속성은 NamedNodeMap입니다 객체로, 지정된 노드의 속성의 컬렉션을 반환합니다.
노드는 인덱스 번호로 액세스 할 수 있으며 인덱스는 0에서 시작 할 수 있습니다.
팁 : 수치 색인 요소의 속성을 모두 통과하는 데 유용합니다 : 당신은 사용할 수있는 길이 모두를 통해 루프 노드 속성 당신이 할 수있는, 속성의 수를 결정하기 위해 NamedNodeMap입니다 개체의 속성을하고 원하는 정보를 추출합니다.
팁 : HTML 속성은 속성 노드는 모두 함께있는 속성과 메서드 사용할 수 객체 속성.
브라우저 지원
| 재산 | |||||
|---|---|---|---|---|---|
| attributes | 예 | 예 | 예 | 예 | 예 |
참고 : 인터넷 익스플로러 8 및 이전 버전, 속성의 속성이 요소에 대해 가능한 모든 특성의 컬렉션을 반환합니다.
통사론
node .attributes
기술적 세부 사항
| 반환 값 : | 노드의 속성의 컬렉션을 나타내는 NamedNodeMap입니다 개체, |
|---|---|
| DOM 버전 | 코어 레벨 1 노드 개체 |
더 예
예
(A)의 이름 얻기 <button> 요소의 제 (index 1) 특성 :
var x = document.getElementById("myBtn").attributes[1].name;X의 결과가 될 수있다 :
onclick »그것을 자신을 시도 예
속성 얼마나 많은 알아보십시오 <img> 이 요소를 :
var x = document.getElementById("myImg").attributes.length;X의 결과가 될 수있다 :
5 »그것을 자신을 시도 예
의 모든 속성을 반복 <img> 요소 및 출력 각 속성의 이름과 값 :
var x = document.getElementById("myImg");
var txt = "";
var i;
for (i =
0; i < x.attributes.length; i++) {
txt = txt +
x.attributes[i].name + " = " + x.attributes[i].value + "<br>";
} »그것을 자신을 시도