Necesito ayuda para dar formato a unos DIV dependiendo del valor que se encuentre dentro de una tabla, hasta ahora he podido hacer que se le de formato a un solo DIV pero el segundo ya no sigue la condición
function cargar() {
var celdas = document.getElementById("target").getElementsByTagName("p");
for(var i=0; i<celdas.length; i++) {
if(celdas.item(i).textContent >=.906 && celdas.item(i).textContent <.9996) {
document.getElementById("color").style.background = "#FFFF00";
}
if(celdas.item(i).textContent >=.9996) {
document.getElementById("color").style.background= "#007A00";
}
if(celdas.item(i).textContent <.906) {
document.getElementById("color").style.background = "#F00";
}
}
}
window.onload = cargar;
<table id="target">
<tr>
<td>1<p style="display: none">.905</p><div id="color"></div></td>
<td>.906<p style="display: none">.9905</p><div id="color"></div></td>
<td>3<p style="display: none">.995</p><div id="color"></div></td>
<td>.96<p style="display: none">.905</p><div id="color"></div></td>
<td>.1506<p style="display: none">.95</p><div id="color"></div></td>
</tr>
</table>
Este es el código que estoy utilizando, agradecería cualquier ayuda. Muchas gracias
id="color"
para todos los div,getElementById
siempre te devolverá el primero que encuentregetElementsByClassName
. La diferencia está enElement
porElements
ya que puede encontrar más de uno. En vez de devolver el elemento, te devuelve unarray
con los elementos encontrados