js 获取td 中的class

最快捷的方式还是使用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]);

}

下面例子通过documentgetElementsByClassName("class1")获取所有同一class的元素，使用for循环把取得的div元素的值存入数组arr中，完成的代码如下：

运行结果，打印数组如下：

扩展资料：

js或jQuery获取html元素的值的常用方法：

例如：<div id="aa">值</div>

js写法：

alert(documentgetElementById('aa')innerHTML);

jQuery写法：

alert($('#aa')html());

说明如下：

innerHTML是取元素的内部html代码，此例中即div内部的所有html代码。

html()方法作用也是取dom节点的内部html内容，是jQuery中的函数方法。

代码参考如下：

getElementsByClassName() 方法

如果希望查找带有相同类名的所有 HTML 元素，使用这个方法：

documentgetElementsByClassName("intro");

上面的例子返回包含 class="intro" 的所有元素的一个列表：

注释：getElementsByClassName() 在 Internet Explorer 5,6,7,8 中无效。

例子：

<div class='view view-case-view-all' >

<div class= 'view-content view-content-case-view-all' >

<table border="1" >

<tr class="odd" >

<td class="view-field view-field-node-title" >任务测试</td >

</tr >

</table >

</div >

</div >

<script language="javascript" type="text/javascript" >

documentgetElementsByClassName = function(_className)

{ //根据class获得对象集合

var aimObj = [];

var elements = documentgetElementsByTagName("") ;//取得所有元素的集合

alert(elementslength);

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

{

if(elements[i]className==null) continue;

if(elements[i]className == _className)

{

非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，满足的元素存到数组中，然后返回。

获取元素集合的方法有很多，接下来为大家介绍喜爱使用js通过元素class名字获取元素集合的方法

代码如下:

function

getElementsByClassName(n)

{

var

classElements

=

[],allElements

=

documentgetElementsByTagName('');

for

(var

i=0;

i<

allElementslength;

i++

)

{

if

(allElements[i]className

==

n

)

{

classElements[classElementslength]

=

allElements[i];

}

}

return

classElements;

}

不知道你具体是要修改i的样式还是移除class，所以都给你说了吧

$('#defo')addClass()、$('#defo')removeClass()、$('#defo')toggleClass()、$('#defo')css()

一般都是用id去获取dom节点，因为id相对唯一，如果是要改变多个就用$('fa')[Methods]

以上就是关于js 获取td 中的class全部的内容，包括:js 获取td 中的class、HTML5 js如何获取所有相同ID或class的元素、js里面怎么获取html的class等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！