javascript getElementById 사용법 및 Usage_javascript 기술

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 요소의 텍스트 값입니다.
프로그램 예시

<table width="60%" id="myTable" border="1"> <tr> <td>行1 单元格1</td> <td>行1 单元格2</td> </tr> <tr> <td>行2 单元格1</td> <td>行2 单元格2</td> </tr> <tr> <td>行3 单元格1</td> <td>行3 单元格2</td> </tr> </table> <form> <input type="button" onclick="alignRow()" value="右对齐第一行文字"> </form>
[Ctrl A 모두 선택 참고: 외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다. ]

분리 한 번에 한 단위씩 정렬됩니다

<table id="myTable" border="1" width="100%"> <tr> <td>单元格1</td> <td>单元格2</td> </tr> <tr> <td>单元格3</td> <td>单元格4</td> </tr> </table> <form> <input type="button" onclick="alignCell()" value="居中对齐第一个单元格的内容"> </form>
[Ctrl A 모두 선택 참고: 외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다. ]

변경 콜스팬의 가치

<table id="myTable" border="1"> <tr> <td colspan="4">单元格1</td> <td colspan="4">单元格2</td> </tr> <tr> <td>单元格3</td> <td>单元格4</td> <td>单元格5</td> <td>单元格6</td> <td>单元格7</td> <td>单元格8</td> <td>单元格9</td> <td>单元格10</td> </tr> </table> <script type="text/javascript"> function alignRow() { var x=document.getElementById('myTable').rows x[0].align="right" } </script><form> <input type="button" onclick="setColSpan()" value="改变colspan值"> </form>
[Ctrl A 모두 선택 참고: 외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다 ]