如何使用JavaScript在带有id的td中插入文本

Question

我知道这可能是一件简单的事情，但我无法弄明白。 我试图将一些来自JavaScript函数onload事件的文本插入到td中。

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

有帮助吗？

Answer 1

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

Answer 2

附加文本节点如下

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

Answer 3

有几个选项......假设您通过var td = document.getElementyById('myTD_ID');找到了您的TD var td = document.getElementyById('myTD_ID'); 你可以做：

td.innerHTML = "mytext";
td.textContent= "mytext";
td.innerText= "mytext"; - 这个可能不适用于IE之外？ 不确定
使用firstChild或children数组作为前面提到的海报。

如果它只是需要更改的文本，textContent更快，更不容易发生XSS攻击（ https://developer.mozilla.org/en-US/docs/Web/API/Node.textContent ）

Answer 4

如果你的<td>不是空的，一个流行的技巧是插入一个非破坏的空间  在其中，这样：

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

然后你就可以使用：

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

否则，如果您不想添加无意义的内容&nbsp您可以使用Jonathan Fingland在其他答案中描述的解决方案。

Answer 5

使用jQuery

看看你做得多么容易。

例：

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

如何使用JavaScript在带有id的td中插入文本

问题描述

5 个解决方案

解决方案1
79 已采纳 2010-01-29 17:17:26

解决方案2
32 2010-01-29 17:07:20

解决方案3
14 2010-01-29 17:11:51

解决方案4
4 2010-01-29 17:04:51

解决方案5
3 2010-01-29 17:06:14

如何使用JavaScript在带有id的td中插入文本

问题描述

5 个解决方案

解决方案1 79 已采纳 2010-01-29 17:17:26

解决方案2 32 2010-01-29 17:07:20

解决方案3 14 2010-01-29 17:11:51

解决方案4 4 2010-01-29 17:04:51

解决方案5 3 2010-01-29 17:06:14

解决方案1
79 已采纳 2010-01-29 17:17:26

解决方案2
32 2010-01-29 17:07:20

解决方案3
14 2010-01-29 17:11:51

解决方案4
4 2010-01-29 17:04:51

解决方案5
3 2010-01-29 17:06:14