JS中
的DOM
是JavaScript学习中的重要组成部分,DOM元素
的获取更是打通HTML
与J
S
的重要桥梁,本文带大家一起来看一看传统的方式获取DOM
요소.
1.getElementById () 메소드
지정된 id
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <ul id="list" onclick="getValue()> <li class="item">item1</li> <li class="item">item2</li> <li class="item">item3</li> <li class="item">item4</li> <li class="item">item5</li> </ul> </body> </html>
<script> function getValue() { var x=document.getElementById("id") alert(x.innerHTML) } </script> </script>
2.getElementsByName () 메소드를 사용하여 첫 번째 객체에 대한 참조를 반환합니다. Re RreeerReeee3.GetelementsBytagname () 메서드
<!DOCTYPE html> <html> <body> <ul > <li class="item" name="item">item1</li> <li class="item" name="item">item2</li> <li class="item" name="item">item3</li> <li class="item" name="item">item4</li> <li class="item" name="item">item5</li> </ul> </body> </html>
<script> var x=document.getElementsByName("item"); alert(x.length); </script>
2021 js 인터뷰 질문 및 답변(대요약)"
위 내용은 전통적인 방법을 사용하여 HTML에서 DOM 요소를 얻는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!