将字符串作为元素插入到javascript的DOM中？

Question

我有一个HTML测试块,作为一个例子::

HTML是一个字符串,而不是DOM元素,但我试图看看是否有方法,或者可以用来将字符串作为DOM插入的方法,因此它可以附加到DOM.

var test='<tr class="rowHeaders">';
test=test+'<td id="sTD" name="sTD" width="4%">test.php</td>'
test=test+'<td width="2%"><input type="radio" name="tb" ></td>';
test=test+'<td id="tTD" name="tTD" width="2%">php</td>';
test=test+'<td width="2%"><input type="button" name="vv" ></td>';
test=test+'</tr>';


var scriptTBL=document.getElementById("scriptsT");

scriptTBL.children[0].appendChild(test);

试着做这样的事......

但是"test"不是一个有效的节点或元素,所以如何将它添加到元素？

我想过使用innerHtml,但是DOM的表/ tbody可能已经有了一个子节点.

我一直在探索片段,但这不是点击!

测试html有tbl:

<table id="scriptsT" name="scriptsT" >
  <tr>
    .
    .

指针或想法将不胜感激.

谢谢.

Answer 1

您可以附加到innerHTML:

scriptTBL.tBodies[0].innerHTML += test;

foo += bar是简写foo = foo + bar.您也可以通过这种方式简化HTML创建代码.使用test += 'html here';.

appendChild 只接受DOM元素.