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]);

}

思路：根据标签名称获取所有span对象，然后根据类名筛选出目标对象，最后使用 innerHTML 属性获取文本。实例演示如下：

1、HTML结构

2、javascript代码

function fun(){

obj = documentgetElementsByTagName("span");

class_name = "name";

for(i in obj){

if(obj[i]className == class_name){

alert(obj[i]innerHTML);

return

}

3、效果演示

var listname=linkgetAttribute("class");

link 没有getAttribute方法

追问

最开始是这样写的：

function changeBackgroundColor(obj){

var listname=objgetAttribute("class");

}

在之前还试过使用objclassName，代码都可以运行但是会报错

追答

你可以用consoledir(obj)看这个obj对象有那些属性和方法

//应该是你没有添加上吧

aclick(function(){

//这里的div你声明了吗？？？

divappend("<p class = 'p1'></p>")

})

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

Document

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

这里主要用于Document的两个方法

1、 documentgetElementById

返回一个匹配特定 ID的元素

function changeColor(newColor) {

var elem = documentgetElementById("para1");

elemstylecolor = newColor;

}

</script>

</head>

<body>

</body>

新手注意：

新手要注意方法名中 'Id' 的拼写——'getElementByID' 是没有作用的。许多人会忽视这个错误。

如果没有查找到对应的元素，方法会返回null。注意ID参数是大小写敏感的，所以documentgetElementById("Main")无法获取到元素<div id="main">，因为'M'和'm'是不一样的。

2、DocumentgetElementsByClassName()

返回一个类似数组的对象，包含了所有指定 class 名称的子元素。

documentgetElementsByClassName('test'); //获取所有class为'test'的元素

documentgetElementsByClassName('red test'); //获取所有class同时包括'red'和'test'的元素

以上就是关于js 获取td 中的class全部的内容，包括:js 获取td 中的class、JS怎么获取包含指定class name的内容、js代码获取元素class属性，firebug报错：obj.getattribute is not a function等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！

欢迎分享，转载请注明来源：内存溢出

原文地址:https://54852.com/web/10155143.html

js 获取td 中的class

发表评论

评论列表（0条）