建议用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等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)