dom 의 children 대상 배열 요소 firstChild,lastChild 의 사용 을 분석 합 니 다.
<!--children -->
<html>
<body>
<table id="tbl">
<tbody> <tr> <td> 1 1 </td><td> 1 2 </td></tr>
<tr> <td> 2 1 </td><td> 2 2 </td></tr>
</tbody>
</table>
<input onclick="alert(document.all.tbl.children(0).children(0).innerHTML)" value="children(0)" type="button">
<input onclick="alert(document.all.tbl.children(0).children(1).innerHTML)" value="children(1)" type="button">
<input onclick="alert(document.all.tbl.children(0).children(1).children(0).innerHTML)" value="children(2)" type="button">
<div id=test>
<a></a>
<table></table>
</div>
<script>
alert(test.children[0].tagName)
alert(test.children[1].tagName)
</script>
</body>
</html>
<!-- DOM ,
children -->
document.all.tbl.children(0).children(0).innerHTML
document.all.tbl.children(0) table <tbody>
document.all.tbl.children(0).children(0) table <tr>, <td> 1 1 </td><td> 1 2 </td>
document.all.tbl.children(0).children(1).innerHTML, <td> 2 1 </td><td> 2 2 </td>
document.all.tbl.children(0).children(1).children(0).innerHTML 2 2
<!--fistChild,lastChild -->
<html>
<body>
<table id="tbl">
<tbody> <tr id="tr1"> <td> 1 1 </td><td> 1 2 </td></tr>
<tr> <td="tr2"> 2 1 </td><td> 2 2 </td></tr>
</tbody>
</table>
<input onclick="alert(document.all.tbl.firstChild.firstChild.innerHTML)" value="children(0)" type="button">
<input onclick="alert(document.all.tbl.firstChild.lastChild.innerHTML)" value="children(1)" type="button">
<input onclick="alert(document.all.tbl.firstChild.lastChild.firstChild.innerHTML)" value="children(2)" type="button">
<div id=test>
<a></a>
<table></table>
</div>
<script>
alert(test.firstChild.tagName)
alert(test.lastChild.tagName)
</script>
</body>
</html>
document.all.tbl.firstChild table <tbody>
document.all.tbl.firstChild.firstChild table <tbody>
<tr id="tr1">
document.all.tbl.firstChild.firstChild.innerHTML <td> 1 1 </td><td> 1 2 </td>
document.all.tbl.firstChild.lastChild table <tbody>
<tr id="tr2">
document.all.tbl.firstChild.lastChild.innerHTML <td="tr2"> 2 1 </td><td> 2 2 </td>
document.all.tbl.firstChild.lastChild.firstChild.innerHTML
2 2
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
[CS] DOM Day-18DOM JavaScript를 이용해 Element 속성값을 얻어내거나, 변경하는 방법 HTML문서의 구조와 관계를 객체(Object)로 표현한 모델입니다. id : practice class : highlight, ...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.