gpt4 book ai didi

javascript - 如何动态更改表格单元格文本颜色?

转载 作者:太空宇宙 更新时间:2023-11-04 13:48:09 26 4
gpt4 key购买 nike

我需要一个解决方案来通过 javascript 动态更改表格单元格的文本颜色。文本可以是以下颜色:蓝色、绿色、红色和黑色。

表格示例:

<html>
<head>
<title></title>
<meta http-equiv="content-type" content="text/html; charset="UTF-8">
<script src="jquery-mobile/jquery-1.6.4.min.js" type="text/javascript"></script>
<script src="jquery-mobile/jquery.mobile-1.0.min.js" type="text/javascript"></script>
</head>
<body>
<div data-role="page" id="page">
<div data-role="content">
<table width="100%" border="0" id="friends" class="menu">
<tr id="friend1">
<td>First name</td>
<td>Surname</td>
</tr>
<tr id="friend2">
<td>First name</td>
<td>Surname</td>
</tr>
<tr id="friend3">
<td>First name</td>
<td>Surname</td>
</tr>
<tr id="friend4">
<td>First name</td>
<td>Surname</td>
</tr>
<tr id="friend5">
<td>First name</td>
<td>Surname</td>
</tr>
</table>
</div>
</div>
</body>
</html>

如何更改文本颜色?条件是,我可以通过 javascript 动态地多次执行此操作。这意味着我需要设置一种颜色(例如红色),然后将颜色重置为黑色,然后将其设置为另一种颜色(例如蓝色)。

我看到了一些通过 id 设置颜色的示例,但我发现无法将此示例传输到表格单元格并且每个单元格可以有不同的颜色。

有人可以帮助我吗?

最佳答案

你可以遍历所有的td

var tds = document.getElementsByTagName("td");

for(var i = 0, j = tds.length; i < j; ++i)
tds[i].style.color = "#00AA00";

您可以遍历作为特殊元素的子元素的 td:

var myNode = document.getElementById("friend2");
var tds = myNode.getElementsByTagName("td");

for(var i = 0, j = tds.length; i < j; ++i)
tds[i].style.color = "#00AA00";

您好!

关于javascript - 如何动态更改表格单元格文本颜色?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13265899/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com