Cómo insertar texto en un td con id, usando JavaScript

Sé que puede ser algo simple, pero no puedo entenderlo. Estoy tratando de insertar un texto proveniente de un evento onload de función de JavaScript en un td.Cómo insertar texto en un td con id, usando JavaScript

<html> 
<head> 
    <script type="text/javascript"> 
    function insertText() 
    { 
     //function to insert any text on the td with id "td1" 
    } 
    </script> 
</head> 
<body onload="javascript:insertText()"> 
    <table> 
    <tr> 
    <td id="td1"> 
    </td> 
    </tr> 
    </table> 
</body> 
</html>

¿Algún ayuda?

Fuente

2010-01-29 Amra

asegurarse de que el segundo etiqueta es en realidad, y el mismo con la etiqueta de cierre. Tal vez eso sea solo un error cuando lo plantees, pero nunca se sabe. –

<html> 

<head> 
<script type="text/javascript"> 
function insertText() { 
    document.getElementById('td1').innerHTML = "Some text to enter"; 
} 
</script> 
</head> 

<body onload="insertText();"> 
    <table> 
     <tr> 
      <td id="td1"></td> 
     </tr> 
    </table> 
</body> 
</html>

Fuente

2010-01-29 17:17:26 artlung

Tengo que tener en cuenta que es decir, <= 9 no te permiten hacer innerHTML para los elementos de la tabla – Denis

@Denis ¿tienes alguna cita para eso? Esto se hizo para un elemento '' de la celda de la tabla no como una tabla entera o un elemento del cuerpo de la tabla. – artlung

Bueno, admito mi error, innerHTML to td realmente funciona en ie9, pero todos los demás elementos de la tabla son de solo lectura http://stackoverflow.com/a/4729743/1221082 – Denis

Si su <td> no está vacío, un truco popular es para insertar un espacio duro   en el mismo, de tal manera que:

<td id="td1">&nbsp;</td>

Entonces usted será capaz de utilizar:

document.getElementById('td1').firstChild.data = 'New Value';

De lo contrario, si no desea agregar el &nbsp sin sentido, puede usar la solución que Jonathan Fingland describió en the other answer.

Fuente

2010-01-29 17:04:51

Uso jQuery

Mira lo fácil que sería si lo hizo.

Ejemplo:

$('#td1').html('hello world');

Fuente

2010-01-29 17:06:14 Gabe

No puedo usar JQuery, pero gracias. – Amra

@Cesar ¿por qué no? – Gabe

publicación anterior, pero aún así: nunca debes usar jquery para esas cosas tan fáciles. ni siquiera es menos código con jquery. – luschn

añada un nodo de texto de la siguiente manera

var td1 = document.getElementById('td1'); 
var text = document.createTextNode("some text"); 
td1.appendChild(text);

Fuente

2010-01-29 17:07:20

La característica importante de esta solución es que no destruye el contenido actual del elemento principal. – Pistos

Hay varias opciones ... suponiendo que encontrar su TD por var td = document.getElementyById('myTD_ID'); que puede hacer:

td.innerHTML = "mytext";
td.textContent= "mytext";
td.innerText= "mytext"; - éste puede no trabajar fuera de IE? No estoy seguro
Use la matriz firstchild o children como se indicó en el póster anterior.

Si es sólo el texto que necesita ser cambiado, textContent es más rápido y menos propenso a ataques XSS (https://developer.mozilla.org/en-US/docs/Web/API/Node.textContent)

Fuente

2010-01-29 17:11:51 DVK

Por alguna razón que obtengo Object no admite esta propiedad o método. Pero gracias de todos modos. – Amra

¿Cuál de los 4? – DVK

Cualquiera que esté precedido por getElement -> y <- ById. –

Cómo insertar texto en un td con id, usando JavaScript

Respuesta

Cuestiones relacionadas