>웹 프론트엔드 >JS 튜토리얼 >javascript getElementById 사용법 및 Usage_javascript 기술

javascript getElementById 사용법 및 Usage_javascript 기술

WBOY
WBOY원래의
2016-05-16 18:58:071301검색

document.getElementById("link").href;
document.getElementById("link").target;
document.getElementById("img").src;
document.getElementById("img") .width;
document.getElementById("img").height;
document.getElementById("input").value

a> ; 사이의 값은 어떻습니까? 예를 들어,
aaa
의 aaa와 bbb의 bbb도 매우 간단합니다. innerHTML 그게 다입니다:
document.getElementById("div").innerHTML;
document.getElementById("link").innerHTML;
getElementById 메소드
는 지정된 ID 속성 값을 가진 첫 번째 항목을 반환합니다. 객체에 대한 참조입니다.
구문
oElement = document.getElementById(sIDValue)
매개변수
sIDValue가 필요합니다. ID 속성 값을 나타내는 문자열
반환 값
ID 속성 값이 지정된 값과 동일한 첫 번째 객체를 반환합니다.
참고
ID가 컬렉션에 속하는 경우 getElementById 메서드는 컬렉션의 첫 번째 개체를 반환합니다.
getElementById 메소드는 all 컬렉션에서 item 메소드를 사용하는 것과 동일합니다. 예를 들어, 다음 코드 샘플은 문서 객체에서 ID가 oDiv인 첫 번째 기능을 검색하는 방법을 보여줍니다.
DHTML 객체 모델 사용:
var oVDiv = document.body.all.item("oDiv");
DOM(문서 객체 모델) 사용:
var oVDiv = document.getElementById("oDiv ");

다음 예에서는 getElementById 메서드를 사용하여 ID 속성 값 oDiv가 처음 나타나는 것을 반환하는 방법을 보여줍니다.
<script> <br>function fnGetId(){ <br>// 컬렉션의 첫 번째 DIV 요소를 반환합니다. <br>var oVDiv=document.getElementById("oDiv1") <br></script>
1부 구역

2부 구역
;DIV ID="oDiv3">Div #3


getElementById 메소드
지정된 ID 속성 값을 가진 첫 번째 항목을 반환합니다. 예를 들어 웹 페이지에 text1이라는 ID가 있는 텍스트 상자가 있습니다.
getElementById(text1)는 이 text1 상자의 개체를 가져오고 모든 속성과 메서드를 사용할 수 있습니다. of the text box
JS 방식으로 폼에 있는 텍스트, 라벨 등 컨트롤 ID를 통해 요소의 값을 얻는다는 뜻입니다. 이들은 모두 FORM의 요소이며 할당된 ID를 가지고 있습니다. .getElementById()는 이러한 텍스트 값 요소를 가져오는 것입니다.
JS 메소드로 텍스트, 라벨 등이 포함된 폼 등 컨트롤 ID를 통해 요소의 값을 얻는다는 의미입니다. 모두 FORM의 요소이며 getElementById()를 통해 할당된 ID를 갖습니다. this 요소의 텍스트 값입니다.
프로그램 예시



[Ctrl A 모두 선택 참고: 외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다. ]
분리 한 번에 한 단위씩 정렬됩니다


[Ctrl A 모두 선택 참고: 외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다. ]

변경 콜스팬의 가치

[Ctrl A 모두 선택 참고: 외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다 ]
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
이전 기사:IE 및 firefox_javascript 기술과 호환되는 Windows UI를 모방한 html 테이블다음 기사:IE 및 firefox_javascript 기술과 호환되는 Windows UI를 모방한 html 테이블

관련 기사

더보기