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

原生js获取ClAss

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

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

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

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

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

document.getElementById("yourId").style.width="500px";

根据你的需求,举例如下: document.querySelector:获取首个(单个)符合条件元素 document.querySelector('.name'); //获取页面上首个class属性中包含name的元素。document.querySelectorAll:获取全部符合条件元素 document.querySelectorAll...

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

getElementsByClassName

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...

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