查找元素
-
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>