我有一张用HTML
和制作的桌子JavaScript
。
var ths = document.getElementsByTagName("th");
var tds = document.getElementsByTagName("td");
for (var i = 0; i < ths.length; i++) {
ths[i].style.color = "red";
}
for (var i = 0; i < tds.length; i++) {
tds[i].style.color = "green";
}
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
</head>
<body>
<table style="width:100%">
<tr>
<th>Firstname</th>
<th>Lastname</th>
<th>Age</th>
</tr>
<tr>
<td>Jill</td>
<td>Smith</td>
<td>50</td>
</tr>
<tr>
<td>Eve</td>
<td>Jackson</td>
<td>94</td>
</tr>
<tr>
<td>John</td>
<td>Doe</td>
<td>80</td>
</tr>
</table>
</body>
</html>
我希望通过基本 JavaScript(我正在学习使用它,我不知道除了 Jquery)它可以找到我并修改一个单词的颜色,在这种情况下是John
. 我知道它可以通过这个功能:
color = document.getElementsByTagName('td');
color[6].style.color="green";
但它不做查词、找词、换词颜色的功能。
您可以使用高级 JS 功能。您必须将document.designMode与execCommand结合使用才能编辑文档。
大多数命令会影响文档选择(粗体、斜体等),而其他命令会插入新元素(添加链接)或影响整行(缩进)。
我将向您展示您的代码的外观:
js javascript css3 html