原生js javascript获取classname,获取class名称,class选择器
分享知识http://www.fedrobots.com/?search=61952我来纠错<div class="ceshi">第一个</div>
<div class="ceshi">第二个</div>
<div class="ceshi">第三个</div>
<div class="other">其他的</div>
<script type="text/javascript">
function getClass(tagName,classStr) {
//第一个参数 表示是classStr是所属那个dom标签下,这样为了提高检索效率
//如果是高级浏览器,则调用火狐的getElementsByClassName 内置函数
if (document.getElementsByClassName) {
return document.getElementsByClassName(classStr)
}else {
var nodes = document.getElementsByTagName(tagName),
ret = []
for (i = 0; i < nodes.length; i++) {
var patt = new RegExp(classStr,'i');
if (patt.test(nodes[i].className)){ //判断当前class是否包含指定的class
ret.push(nodes[i]);
}
}
return ret;
};
}
//选择class为input的元素
var thisObj = getClass('div','ceshi');
console.log(thisObj[1].innerHTML); //输出:第二个
console.log(thisObj.length); //输出:3
</script>