js 如何根据class获取对象

JavaScript06

js 如何根据class获取对象,第1张

var obj = document.getElementsByTagName("span")//先得到所有的SPAN标记

for(var i=0i<obj.lengthi++)

{

if(obj[i].className == 'a')//找出span标记中class=a的那个标记

{

var getObj = obj[i]

value = getObj.innerHTML//获得他的innerHTML

}

}//有效且管用，但是很笨的方法，目前我没发现还有其他方法。

代码 请收下~~~~

<body>

<span class="okdog" lay-id="user1">1只狗</span><span class="okdog" lay-id="user2">2只狗</span><span class="okdog" lay-id="user3">3只狗</span><span class="okdog" lay-id="user4">4只狗</span><span class="okdog" lay-id="user5">5只狗</span>

<div id="showdog">输出结果</div>

<script>

var res = document.getElementsByClassName('okdog')

for(var i=0i<res.lengthi++){

    res[i].addEventListener('click',function(e){

       alert(e.srcElement.innerHTML)

    },false)

}

</script>

</body>