최신 웹 개발 튜토리얼
 

HTML DOM length Propery

<속성 객체

(A)의 속성의 수 가져 오기 <button> 요소를 :

var x = document.getElementsByTagName("BUTTON")[0].attributes.length;

X의 결과가 될 수있다 :

2
»그것을 자신을 시도

"Try it Yourself" 아래의 예.


정의 및 사용

길이 속성은 NamedNodeMap입니다 객체의 노드의 수를 반환합니다.

노드 객체의 속성은 NamedNodeMap입니다 오브젝트의 예입니다.

이 속성은 읽기 전용입니다.

팁 : 사용 item() NamedNodeMap입니다 객체의 지정된 인덱스 노드를 반환하는 방법을.


브라우저 지원

재산
length

참고 : 인터넷 익스플로러 8 이전 버전에서는, 속성의 길이 속성은 요소에 대해 가능한 모든 속성의 수를 반환합니다.


통사론

namednodemap .length

기술적 세부 사항

반환 값 : nodemap의 속성 노드의 수를 나타내는 숫자,
DOM 버전 코어 레벨 1

예

더 예

(A)의 모든 속성을 반복 <button> 요소 및 출력 각 속성의 명칭 :

var txt = "";
var x = document.getElementById("myBtn").attributes;

var i;
for (i = 0; i < x.length; i++) {
    txt += "Attribute name: " + x[i].name + "<br>";
}

TXT의 결과는 다음과 같습니다

Attribute name: id
Attribute name: onclick
Attribute name: class
»그것을 자신을 시도

속성 얼마나 많은 알아보십시오 <img> 이 요소를 :

var x = document.getElementById("myImg").attributes.length;

X의 결과는 다음과 같습니다

5
»그것을 자신을 시도

의 모든 속성을 반복 <img> 요소 및 출력 각 속성의 이름과 값 :

var txt = "";
var x = document.getElementById("myImg");

var i;
for (i = 0; i < x.attributes.length; i++) {
    txt = txt + x.attributes[i].name + " = " + x.attributes[i].value + "<br>";
}
»그것을 자신을 시도

<속성 객체