How to insert text in a td with id, using JavaScript

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

append a text node as follows

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

There are several options... assuming you found your TD by var td = document.getElementyById('myTD_ID'); you can do:

td.innerHTML = "mytext";
td.textContent= "mytext";
td.innerText= "mytext"; - this one may not work outside IE? Not sure
Use firstChild or children array as previous poster noted.

If it's just the text that needs to be changed, textContent is faster and less prone to XSS attacks (https://developer.mozilla.org/en-US/docs/Web/API/Node.textContent)

How to insert text in a td with id, using JavaScript

Related

Recent Posts