더 "Try it Yourself" 아래의 예.
정의 및 사용
getElementsByName() 메소드는 지정된 이름을 문서의 모든 요소의 집합체를 반환 (the value of the name attribute) NodeList를 목적으로.
노드 목록의 객체는 노드의 컬렉션을 나타냅니다. 노드는 인덱스 번호로 액세스 할 수 있습니다. 인덱스는 0에서 시작한다.
팁 : 사용할 수있는 길이 당신이 모든 요소를 통해 반복하고 원하는 정보를 추출 할 수 있습니다, 지정된 이름을 가진 요소의 수를 결정하기 위해 노드 목록 개체의 속성을.
참고 : HTML5에서 "name" 속성은 더 이상 사용되지 않으며 의해 대체되었습니다 "id" 많은 요소에 대한 속성. 사용 문서를. getElementById() 는 적절한 방법. 또한 볼 getElementsByClassName() 및 getElementsByTagName() 방법.
브라우저 지원
| 방법 | |||||
|---|---|---|---|---|---|
| getElementsByName() | 예 | 예 | 예 | 예 | 예 |
통사론
document.getElementsByName( 매개 변수 값 매개 변수 유형 기술 name String 필요합니다. name 액세스하려는 요소의 속성 값은 / 조작
기술적 세부 사항
DOM 버전 : 코어 레벨 1 문서 객체 반환 값 : 지정된 이름을 가진 요소의 컬렉션을 나타내는있는 NodeList 객체. 그들은 소스 코드에 나타나는 반환 된 컬렉션의 요소는 분류되어 있습니다.
더 예
예
값과 이름 속성이 문서에 얼마나 많은 요소를 찾아 "animal" (노드 목록 객체의 길이 속성을 사용하여) :
var x =
document.getElementsByName("animal").length; »그것을 자신을 시도
예
모든 확인 <input> 값과 이름 속성이 문서 유형 = "체크 박스"와 요소 "animal" :
var x = document.getElementsByName("animal");
var i;
for (i = 0; i <
x.length; i++) {
if (x[i].type == "checkbox") {
x[i].checked = true;
}
} »그것을 자신을 시도
<문서 객체