Come inserire testo in un td con id, utilizzando JavaScript

So che potrebbe essere una cosa semplice, ma non riesco a capirlo. Sto cercando di inserire del testo proveniente da un evento onload della funzione JavaScript in un td.Come inserire testo in un td con id, utilizzando 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>

Qualsiasi aiuto?

fonte

2010-01-29 Amra

assicurarsi che il secondo tag è in realtà, e lo stesso con il tag di chiusura. Forse è solo un refuso quando lo metti nella domanda, ma non lo sai mai. –

<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>

fonte

2010-01-29 17:17:26 artlung

Devo notare che cioè <= 9 non ti permettono di fare innerHTML per gli elementi della tabella – Denis

@Denis hai una citazione per questo? Questo è stato fatto per l'elemento '' di una tabella non un intero elemento di tabella o di tabella. – artlung

Beh, ammetto il mio errore, innerHTML to td funziona davvero in ie9, ma tutti gli altri elementi della tabella sono di sola lettura http://stackoverflow.com/a/4729743/1221082 – Denis

Se il <td> non è vuoto, un trucco popolare è quello di inserire uno spazio unificatore   in essa, in modo tale che:

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

Allora si sarà in grado di utilizzare:

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

Altrimenti, se non hai voglia di aggiungere l'insignificante &nbsp puoi usare la soluzione che Jonathan Fingland ha descritto in the other answer.

fonte

2010-01-29 17:04:51

Usa jQuery

Guardate quanto facile sarebbe se hai fatto.

Esempio:

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

fonte

2010-01-29 17:06:14 Gabe

Non posso usare JQuery, ma grazie. – Amra

@Cesar perché no? – Gabe

vecchio post, ma ancora: non dovresti mai usare jquery per quelle cose molto semplici. non è nemmeno meno codice con jquery. – luschn

aggiungere un nodo di testo come segue

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

fonte

2010-01-29 17:07:20

L'importante caratteristica di questa soluzione è che non distrugge il contenuto corrente dell'elemento genitore. – Pistos

Ci sono diverse opzioni ... supponendo che hai trovato la tua TD da var td = document.getElementyById('myTD_ID'); si può fare:

td.innerHTML = "mytext";
td.textContent= "mytext";
td.innerText= "mytext"; - questo non può funzionare al di fuori di IE? Non sicuro
Utilizzare la matrice firstChild o children come indicato in precedenza.

Se è solo il testo che deve essere cambiato, textContent è più veloce e meno soggetto ad attacchi XSS (https://developer.mozilla.org/en-US/docs/Web/API/Node.textContent)

fonte

2010-01-29 17:11:51 DVK

Per qualche motivo ottengo Object non supporta questa proprietà o questo metodo. Ma grazie comunque. – Amra

Quale dei 4? – DVK

Qualsiasi preceduto da getElement -> y <- ById. –

Come inserire testo in un td con id, utilizzando JavaScript

risposta

Problemi correlati