<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<style>
.yelColor{background:yellow;}
</style>
</head>
<body>
<table>
<tr>
<td class="test">11</td>
<td class="test">22</td>
</tr>
<tr>
<td>33</td>
<td class="test">44</td>
</tr>
</table>
<script>
//第一种方法
var tds=document.getElementsByTagName("td");
for(var i=0,len=tds.length;i<len;i++){
if(tds[i].className=="test"){
tds[i].className="yelColor";
// tds[i].setAttribute("class","yelColor");
}
}
//第二种方法(更好,因为每个元素的className不止有test的情况下可以用 第二种)
var tds=document.getElementsByTagName("td");
for(var i=0,len=tds.length;i<le
用js将文档中className有“test”的id标签背景颜色设为黄色
最新推荐文章于 2022-11-01 23:35:54 发布
这篇博客介绍了三种JavaScript方法来修改HTML文档中类名为'test'的表格单元格(td)背景色为黄色。通过直接设置className属性、检查className属性中是否包含'test'以及使用jQuery的addClass方法实现。还提到了一个错误的示例,解释了为何不能在循环中使用getElementsByClassName方法并改变DOM。
摘要由CSDN通过智能技术生成