登录

原生js javascript获取classname,获取class名称,class选择器

我来纠错
<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>
发送
热门关键词:
命令
知识类型:
标题描述:
详细解答:

提交审核您编辑的知识会经过 前端大牛 人工审核。