Question

我有一个html表，看起来像这样

<table  border="0" cellpadding="0" cellspacing="0" id="myTable" class="myTable" width="100%">
    <thead>
        <tr>
            <th><center>Day</center></th>
            <th colspan="2"><center>F</center></th>
            <th>Sunrise</th>
            <th colspan="2"><center>D</center></th>
            <th colspan="2"><center>A</center></th>
            <th colspan="2"><center>M</center></th>
            <th colspan="2"><center>I</center></th>
        </tr>

        <colgroup>

        </colgroup>
    </thead>

    <tbody id="tbodyid"> </tbody>

</table>

然后我就像使用DOM一样添加单元格

var newCell  = newRow.insertCell(xa);

// Append a text node to the cell
var newText  = document.createTextNode("hello");

// Append a text node to the cell
newCell.appendChild(newText);

其中xa是一个计数器。在我创建的新单元格中，我想添加

<span class="full-row">hello</span>

但是当我用，替换你好，

<span class="full-row">LONG text</span>

打印出来

<span class="full-row">LONG text</span>

就像那样。

Answer 1

您需要创建元素，然后在其中设置文本：

  var theSpan = document.createElement("span"); 
  //set the content of the span
  var theSpanContents = document.createTextNode("hello");
  theSpan.appendChild(theSpanContents); 
  //append the span
  newCell.appendChild(theSpan);

使用DOM创建跨度

1 个答案: