我需要一个解决方案来通过 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";
OR
您可以查看作为特殊元素子元素的 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";
问候!
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)