Как вставить текст в td с id, используя JavaScript

Question

Как вставить текст в td с id, используя JavaScript

Я знаю, это может быть простая вещь, но я не могу выяснить. Я пытаюсь вставить некоторый текст, поступающий из функции 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>

помочь?

965 5

javascript html

5 ответов:

Comments

Ничего не найдено.

artlung · Accepted Answer · 2014-06-05 20:18:09

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

Jonathan Fingland · Accepted Answer · 2010-01-29 19:15:52

добавить текстовый узел следующим образом
var td1 = document.getElementById('td1');
var text = document.createTextNode("some text");
td1.appendChild(text);

DVK · Accepted Answer · 2013-06-16 14:49:58

есть несколько вариантов... предполагая, что вы нашли свой TD by 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)

Daniel Vassallo · Accepted Answer · 2017-05-23 15:17:24

если <td> не пусто, один популярный трюк, чтобы вставить не нарушая пробел   в нем, такие, что:
 <td id="td1">&nbsp;</td>
тогда вы сможете использовать:
 document.getElementById('td1').firstChild.data = 'New Value';
в противном случае, если вам не нравится добавлять бессмысленные &nbsp вы можете использовать решение, что Джонатан Fingland описано в другого ответа.

Gabe · Accepted Answer · 2010-01-29 19:06:14

использовать jQuery

посмотрите, как легко было бы, если бы вы сделали.

пример:
$('#td1').html('hello world');