Tengo una tabla hecha con HTML
y 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>
Y quisiera que por medio de JavaScript Básico (estoy aprendiendo a usarlo y no se mas allá de Jquery) me localice y me modifique el color de una palabra, que en este caso seria John
.
Se que puede ser por medio de esta función:
color = document.getElementsByTagName('td');
color[6].style.color="green";
Pero no hace la función de buscar la palabra, encontrar la palabra y cambiarle el color de la palabra.
<span>
) lo cual implica modificar el DOM actual. seria un, buscar la palabra y remplazarla por la palabra encerrada en dicho tag... no es algo muy practico para una aplicacion de la vida real. Capaz no entendi bien el post, puedes mejorar la redaccion o hacer las aclaraciones necesarias.