Tengo este código en mi sitio web. ¿Hay alguna forma de cambiar el texto dentro de la etiqueta (td) en la tabla usando javascript?
<div id="mvctable"> <table width="100%"> <tbody> <tr> <td style="font-size:2; text-align:Right;color:#ffffff;"> <img src="https://babilsport.com/wp-content/plugins/mechanic-visitor-counter/counter/mvcvisit.png"> Visit Today : 1 </td> </tr> <tr> <td style="font-size:2; text-align:Right;color:#ffffff;"> <img src="https://babilsport.com/wp-content/plugins/mechanic-visitor-counter/counter/mvcmonth.png"> This Month : 1 </td> </tr> <tr> <td style="font-size:2; text-align:Right;color:#ffffff;"> <img src="https://babilsport.com/wp-content/plugins/mechanic-visitor-counter/counter/mvctotal.png"> Total Visit : 1 </td> </tr> </tbody> </table> </div>Debe encontrar el nodo td que desea cambiar a través de javascript. La más directa es agregar un atributo de identificación único al td que desea editar. Luego use .textContent para configurarlo.
document.getElementById("uniqueIdHere").textContent="newtext";Si no puede agregar identificaciones únicas, deberá buscar a través de una posición conocida o mediante el texto existente en la etiqueta td.
firstTD = document.getElementById("mvctable").querySelector('td'); firstTD.textContent="newtext";Podría obtener todos los TD y recorrerlos
tdElements = document.getElementById("mvctable").getElementsByTag('td'); for(var i = 0; i < tdElements.length; i++){ //do something to each td like tdElements[i].textContent = "something new..."; }Necesito más info para darte más detalles.