发表新帖
发表新帖

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

前端 未结
关注
5 1709
情歌与酒
情歌与酒 2020-12-08 12:42

I know it may be a simple thing, but I can\'t figure out. I am trying to insert some text coming from a JavaScript function onload event into a td.
相关标签:
5条回答
  • 星月不相逢
    2020-12-08 13:13

    If your <td> is not empty, one popular trick is to insert a non breaking space &nbsp; in it, such that:

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

    Then you will be able to use:

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

    Otherwise, if you do not fancy adding the meaningless &nbsp you can use the solution that Jonathan Fingland described in the other answer.

    0 讨论(0)
  • 南方客
    2020-12-08 13:14 
    <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>
    0 讨论(0)
  • 感情败类
    2020-12-08 13:25

    Use jQuery

    Look how easy it would be if you did.

    Example:

    $('#td1').html('hello world');
    0 讨论(0)
  • 谎友^
    2020-12-08 13:31

    append a text node as follows

    var td1 = document.getElementById('td1');
var text = document.createTextNode("some text");
td1.appendChild(text);
    0 讨论(0)
  • 粉色の甜心
    2020-12-08 13:36

    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)

    0 讨论(0)
 看不清?
提交回复
热议问题