js 根據id，標籤名 ，屬性查詢元素
查詢元素
-
getElementById：根據ID，獲取的是一個元素
-
getElementsByClassName：根據class屬性查詢元素，返回的是陣列
-
getElementsByTagName：根據標籤名查詢元素，返回的是陣列
-
getElementsByName：根據name屬性查詢元素，返回的是陣列
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <a id='baidu' href="http://www.baidu.com"> 百度一下</a> <div class="shici">安能摧眉折腰事權貴，使我不得開心顏。</div> <div class="shici">山重水複疑無路，柳暗花明又一村</div> <div class="shici">年年歲歲花相似，歲歲年年人不同</div> <span name="gequ">健康歌</span> <span name="gequ">親親我的寶貝</span> <span name="gequ">青花瓷</span> </body> <script> //根據ID獲取元素 var baidu= document.getElementById('baidu') alert(baidu.innerText) //根據class屬性查詢元素 var shici=document.getElementsByClassName('shici') alert(shici[1].innerText) //根據標籤名查詢元素 var aDiv=document.getElementsByTagName('div') alert(aDiv[2].innerText) //根據name屬性查詢元素 var aSpan=document.getElementsByName('gequ') alert(aSpan[1].innerText)
</script> </html>