使用javascript在带有ID的tr中插入td

时间:2012-12-04 19:01:48

标签: javascript

我必须使用javascript在一个带有ID的tr中插入一个td。有人请帮助我或者指导我正确的方向。这可能很简单,但我对javascript很新。

<html>
 <head>
  <script type="text/javascript">
   function insertText ()
   {
       //function to insert any text on the tr with id "tr1"
   }
  </script>
 </head>
 <body onload="javascript:insertText()">
  <table>
   <tr id="tr1">
    </tr>`
  </table>
 </body>
</html>

2 个答案:

答案 0 :(得分:4)

function insertText ()
{
    var td = document.getElementById('tr1').insertCell(0);
    td.innerHTML = "Some Text";
}

insertCell(和insertRow)的主要优点是它们允许您指定要插入新单元格(或行)的索引。

答案 1 :(得分:1)

试试这个:

function insertText ()
{    
    var el = document.createElement('td');
    el.innerHTML = 'Hello World';
    document.getElementById("tr1").appendChild(el);
}