js怎么通过class获取元素

根据你的需求，举例如下：

documentquerySelector：获取首个（单个）符合条件元素

documentquerySelector('name'); //获取页面上首个class属性中包含name的元素。

documentquerySelectorAll：获取全部符合条件元素

documentquerySelectorAll('name'); //获取页面上全部class属性中包含name的元素。

var font=documentgetElementsByClassName("font")

你用这个获取到的font 是一个数组，想要全部改变要用一个循环

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

font[i]stylecolor='blue';

}

这样就行了,不过IE不支持，还是用jQuery吧

// 获取已存在的ID

var idArray = [];

$("diva")each(function(div){

idArraypush($(div)attr("id"));

});

// 判断是否已存在ID为“id3”的元素

if($("#id3")length>1){

//

}

1根据ID,用var div=documentgetElementById('youdivid')

2通过标签名来取得var div=documentgetElementsByTagName('div')[num]

3举个例子可以多练习练习：

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>

扩展资料 

JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。

在1995年时，由Netscape公司的Brendan Eich，在网景导航者浏览器上首次设计实现而成。因为Netscape与Sun合作，Netscape管理层希望它外观看起来像Java，因此取名为JavaScript。但实际上它的语法风格与Self及Scheme较为接近。

为了取得技术优势，微软推出了JScript，CEnvi推出ScriptEase，与JavaScript同样可在浏览器上运行。为了统一规格，因为JavaScript兼容于ECMA标准，因此也称为ECMAScript。

参考资料 百度百科-js

非IE6,7,8可以直接用自带的属性 getElementsByClassName,如果需要考虑兼容，就需要自己写了。下面是自己写的：

function getClassName(obj,sName) //-->obj是要获取元素的父级

{ //-->sName是class名字

if(documentgetElementsByClassName)

{

return objgetElementsByClassName('sName');

}

else

{

var aTmp = objgetElementsByTagName('');

var aRes=[];

var arr =[];

for(var i=0;i<aTmplength;i++)

{

arr = aTmp[i]classNamesplit(' ');

for (var j=0;j<arrlength;j++)

{

if(arr[j] == sName)

{

aRespush(aTmp[i]);

}

}

}

return aRes;

}

}

大概思路，是将你要获取class元素父级下的所有元素都取出来，再循环查找className，满足的元素存到数组中，然后返回。

可以写个下面的函数来完成：

function getElementsByClassName(n) {  

    var el = [], 

        _el = documentgetElementsByTagName(''); 

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

       if (_el[i]className == n ) { 

           el[ellength] = _el[i]; 

        } 

   } 

   return el; 

} 

以上就是关于js怎么通过class获取元素全部的内容，包括:js怎么通过class获取元素、javascript 中 怎样用document.getElementsByClassName 选择全部的类、JS获得页面中指定CLASS对应的ID变成数组等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！