js获取class对象的值

代码 请收下~~~~

<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 = documentgetElementsByClassName('okdog');

for(var i=0;i<reslength;i++){

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

       alert(esrcElementinnerHTML)

    },false);

}

</script>

</body>

/ 

 取得对应类和标签的HTML元素 

 clsName:给定类名 

 tagName：给定的HTML元素，如果为任意 tagName='' 

/  

function getElementsByClassName(clsName, tagName) {  

    var ClassElements = [];  

    selElements = documentgetElementsByTagName(tagName);  

    for (var i = 0; i < selElementslength; i++) {  

        if (selElements[i]className == clsName) {  

            ClassElements[ClassElementslength] = selElements[i];  

        }  

    }  

    return ClassElements;  

}

通过id 类名 标签名称都可以获取

documentgetElementById("id名称")

documentgetElementsByClassName('类名')

documentgetElementsByTagName(‘标签名称’)

获取元素集合的方法有很多，接下来为大家介绍喜爱使用js通过元素class名字获取元素集合的方法

代码如下:

function

getElementsByClassName(n)

{

var

classElements

=

[],allElements

=

documentgetElementsByTagName('');

for

(var

i=0;

i<

allElementslength;

i++

)

{

if

(allElements[i]className

==

n

)

{

classElements[classElementslength]

=

allElements[i];

}

}

return

classElements;

}

以上就是关于js获取class对象的值全部的内容，包括:js获取class对象的值、用js写根据类名获取HTML标签对象的方法、js怎么获取事件元素等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！