js怎么获取有两个class属性的节点

js怎么获取有两个class属性的节点,第1张

建议用jquery选择器选择页面元素,那样想取什么就取什么,非常方便,页面引入一个js文件即可,像你说的这种选择,用$("class1,class2")就可以取得了,两个class之间逗号隔开

无论你想取得DIV的ID还是CLASS 最重要的是找到你想取值的DIV对象

要取得DIV对象的方法有很多常用的有2个,一个是根据ID,用

var div=documentgetElementById('youdivid')

另一种就是通过标签名来取得

var div=documentgetElementsByTagName('div')[num]

第2种方法和第一种方法的区别是不用设ID也能取得对象,第一种方法取得的是一个对象,第2种方法取得的是一个由所有DIV标签所组成的数组所以后面要根上DIV的序列比如你想取得网页的第一个DIV就

var div=documentgetElementsByTagName('div')[0]

第2个

var div=documentgetElementsByTagName('div')[1]

以此类推

取得DIV对象以事取ID或CLASS就简单了

var id=divid;

var class=divclassName;

就这么简单

下面有个例子,如果不懂,随时问我

<html>

<head>

<script>

function a(){

var div=documentgetElementById('a');

alert('div的class为:'+divid)

alert('div的id为:'+divclassName)

}

function b(){

var div=documentgetElementsByTagName('div')[0];

alert('div的class为:'+divid)

alert('div的id为:'+divclassName)

}

</script>

<style>

c{width:100px; height:100px; background:#0000CC}

</style>

</head>

<body>

<div id="a" class="c">

这是一个DIV

</div>

点击下面按钮取得ID和CLASS

<input type="button" onClick="a()" value="通过ID取得DIV,从而也得CLASS和ID">

<input type="button" onClick="b()" value="通过DIV标签取得DIV,从而也得CLASS和ID">

</body>

</html>

最快捷的方式还是使用jquery,通过$("td blue")就可以拿到class为blue的所有td了,而要拿到所有td里面的值,可以这样:

var arr=$("td blue");

var values=new Array();

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

var td=arr[i]innerHTML;

values[i]=td;

}

要看到这些值就可以遍历values这个数组:

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

alert(values[i]);

}

for(var i=0;i<objlength;i++){if(obj[i]className == 'a')//找出span标记中class=a的那个标记{var getObj = obj[i];value = getObjinnerHTML;//获得他的innerHTML}}//或者通过Jquery,ext,等JS插件来处理也可以。。。

function getClass(parent,className,tagName){

var parent = parent || document,

tagName = tagName || "";

if(parentgetElementsByClassName){

return parentgetElementsByClassName(className);

}else{

var aEls = getTag(parent,tagName),arr = [],re=new RegExp('(^|\\s)'+className+'($|\\s)');

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

retest(aEls[i]className) && arrpush(aEls[i]);

};

return arr;

}

} //获取class (因为获取一组元素集合,如果单个使用一定要加[0]下标,不然会报错)

var $container = documentgetElementById('container');

var $ul = $containergetElementsByTagName('ul');

// 要取的class

var className = 'col';

var ulCollection = [];

for (var i = 0; i < $ullength; i += 1) {

    var ul = $ul[i],

        classList = ulclassNamesplit(' ');

    for (var j = 0; j < classListlength; j += 1) {

        if (className === classList[j]) {

            ulCollectionpush(ul);

            break;

        }

    }

}

consolelog(ulCollection);

JS通过id和class名称:documentgetElementById(IDname)或者documentgetElementsByClassName('ClassName');

兼容性:ID兼容,class 不兼容IE6,7,8

数量: 通过ID只能获取一个dom元素,通过class可以获取一组元素。

通用性:ID不能重复,class可以重复,所以class比较好用,这也是jQuery能被广泛应该的原因(选择器好)。

以上就是关于js怎么获取有两个class属性的节点全部的内容,包括:js怎么获取有两个class属性的节点、javascript怎么获取div id或者class、js 获取td 中的class等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9580652.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-29
下一篇 2023-04-29

发表评论

登录后才能评论

评论列表(0条)

保存