> 웹 프론트엔드 > JS 튜토리얼 > document.getElementByName method_javascript 트릭이 없습니다.

document.getElementByName method_javascript 트릭이 없습니다.

WBOY
풀어 주다: 2016-05-16 17:25:08
원래의
1485명이 탐색했습니다.
첫 번째 문은 다음과 같습니다.
document.getElementByName 메서드가 존재하지 않습니다. document.getElementsByName은 태그 배열을 가져옵니다
document.getElementId는 특정 태그를 가져옵니다

🎜>

그러나 다음과 같이 매우 간단한 방법으로 얻을 수 있습니다.
var fn = document.getElementsByName("form_write")[0] //Get 이 형식은
fn.content.value;//값을 가져오려면 이 개체를 사용하세요.
document.getElementById 1. getElementById

함수: 일반적으로 ID는 페이지에서 고유하며 요소 찾기를 준비하는 데 사용됩니다.
구문: document.getElementById(id)
매개변수: id: 필수 옵션은 문자열(String)
반환값: object; 동일한 id를 가진 첫 번째 개체를 페이지에 나타난 순서대로 반환하며, 조건에 맞는 개체가 없으면 null을 반환합니다.

예:

코드 복사 코드는 다음과 같습니다.
document.getElementById ("id1").value;



2. getElementsByName
함수: 요소 이름으로 검색하고 요소 배열을 반환합니다. 같은 이름으로
구문: document.getElementsByName( name)
매개변수: name: 필수 옵션은 문자열(String)
반환값: 조건에 맞는 개체가 없는 경우 배열 개체, 페이지에 나타나는 순서대로 빈 배열이 반환됩니다.
참고: 반환된 배열 값은 값 속성의 값입니다.
태그에 값 속성이 없으면 getElementsByName도 해당 값을 가져올 수 있습니다. value 속성을 추가하고 값을 할당한 후
value 속성에 값이 할당되지 않으면 getElementsByName이 배열을 반환합니다.
그러나 여전히 동일한 이름 태그의 번호를 얻을 수 있습니다. document.getElementsByName(name).length
document.getElementsByName은 name 속성이 설정되지 않은 경우에도 사용할 수 있으며, ID를 기반으로 value 속성을 가져옵니다.

값 예:

코드 복사 코드는 다음과 같습니다.
document.getElementsByName("name1")[0] .value;
document.getElementsByName("name1")[1].value
All"
All"

span 태그 실제로는 이름 및 값 속성이 없습니다
이지만 document.getElementsByName("CBylawIndexName")은 여전히 ​​


3 값을 가져옵니다. getElementsByTagName
기능: HTML 태그 이름 쿼리를 누르면 동일한 태그를 가진 요소 배열
구문: object.getElementsByTagName(tagname) 개체는 document 또는 event.srcElement.parentElement 등일 수 있습니다.
매개변수: tagname: 필수 옵션은 문자열(String)입니다. HTML 태그 검색.
반환값: 배열 객체, 조건에 맞는 객체가 없으면 페이지에 나타나는 순서대로 빈 배열을 반환합니다.

예:

코드 복사 코드는 다음과 같습니다.
document.getElementsByTagName("p")[0].childNodes[0].nodeValue ;
document.getElementsByTagName( "p")[1].childNodes[0].nodeValue

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿