<div class="codetitle"> <span><a style="CURSOR: pointer" data="70765" class="copybut" id="copybut70765" onclick="doCopy('code70765')"><u>코드 복사</u></a></span> 코드는 다음과 같습니다.</div> <div class="codebody" id="code70765"> <br><html> 🎜>< ;title></title> <br><script><BR>/* <br>문서 노드 개체를 얻는 방법: <br><BR>*/ <br>// 첫 번째 방법은 id로 가져오기<br>function documentDemo(){ <BR>var tableNode = document.getElementById("tab_id"); <BR>tableNode.style.border = "5px solid #00ff00" <BR>} <BR>/ /두 번째, 이름 속성을 통해 <BR>function documentDemo2(){ <BR>var inputNode = document.getElementsByName("txt") <BR>alert(inputNode.length); <BR>alert(inputNode[ 0] .value); <BR><BR>} <br>//태그 이름을 통한 세 번째 방법 <br>function documentDemo3(){ <BR>var tdNode = document.getElementsByTagName("td"); 🎜>alert(tdNode.length); <BR>for(var x = 0 ; x < tdNode.length;x ){ <BR>alert(tdNode[x].innerText) <BR>} <BR>} <BR> </script> <BR><BR><style type="text/css"> <BR>.onediv{ <br>너비: 200px <br>높이: 100px; :1px solid #f00; <BR>margin-top:20px;} <BR><BR>table ,td{ <BR>border:1px solid #00f; -top: 20px; <BR>text-align:center; <BR></style> <br><br></head> <input type="button" value="document object Demonstration" onclick="documentDemo3()"><br/> <BR><div class="onediv"> div<BR></div> <BR><BR><input type="txt" name="txt" > <BR><input type="txt" name="txt" > <BR><br><br><table cellpacing="0" id="tab_id"> <br><tr> <br><td>java</td> php</td> <BR><tr> <BR><td>ios</td> /tr> <BR></table> <BR><br><span>범위 영역입니다<br/> 스팬 영역입니다. 링크</a> <br><body> <BR><br><br><BR></script> </div>