djdk.net
当前位置:首页 >> 原生js获取ClAss >>

原生js获取ClAss

用JQ的会很方便: $(".a1");用JS原生语句的话浏览器必须支持DOM3 document.getElementsByClassName("a1");

原生JS通过id和class获取元素是用,document.getElementById(IDname),document.getElementsByClassName('ClassName'); 兼容性:ID兼容,class 不兼容IE6,7,8 数量: 通过ID只能获取一个dom元素,通过class可以获取一组元素。 通用性:ID不能重复...

如果不考虑兼容IE10以下的话,可以用HTML5中的classList API,非常方便: var node = document.getElementById('demo');if(node.classList.contains('test')){ console.log('包含 test 这个class');}兼容的方式是采用className和getAttribute('c...

Document Document接口表示在浏览器中加载的任何网页,并作为到网页内容的入口点,这是 DOM 树。 DOM树包括诸如 和 之类的元素,其他等等。其也为文档(document)提供了全局性的函数,例如获取页面的URL、在文档中创建新的 element 的函数。它...

非IE6,7,8可以直接用自带的属性 getElementsByClassName,如果需要考虑兼容,就需要自己写了。下面是自己写的: function getClassName(obj,sName) //-->obj是要获取元素的父级{ //-->sName是class名字if(document.getElementsByClassName) {retu...

HTML DOM3提供了getElementsByClassName()方法用以根据类名获取元素,但是IE9以下浏览器并不支持。考虑兼容性,可以采用如下思路:获取元素,判断className属性是否为目标类名,是的话即添加onclick事件。 下面实例演示——点击class为test1的a标...

思路:首先获取div对象,然后使用className属性获取类名,关键代码如下 document.getElementById("test").className实例演示: 1、HTML结构 我的类名为test_class2、javascript代码 function fun(){ name = document.getElementById("test").cla...

function getByClass(oParent, sClass) { //根据class获取元素 var oReasult = []; var oEle = oParent.getElementsByTagName("*"); for (i = 0; i < oEle.length; i++) { if (oEle[i].className == sClass) { oReasult.push(oEle[i]) } }; retu...

var pdiv = document.getElementById("sss"); var childs = pdiv.children; var classCount = 0; for(var i = 0 ; i< childs.length; i++){ if(childs[i].className == 'a'){ classCount ++; } } alert(classCount);

getElementsByClassName

网站首页 | 网站地图
All rights reserved Powered by www.djdk.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com