Javascript,再添加一个元素......

Rya*_*yan 0 javascript elements

我正在学习这些东西,所以这是我最简单的脚本:

var t  = document.createElement("table"),
    tb = document.createElement("tbody"),
    tr = document.createElement("tr"),
    td = document.createElement("td");

    t.style.width = "100%";
    t.style.borderCollapse = 'collapse';
    t.border=1;



    // note the reverse order of adding child        
    tr.appendChild(td);
    tb.appendChild(tr);
    t.appendChild(tb);

   // more code to populate table rows and cells
   document.getElementById("theBlah").appendChild(t);
   alert(t);
   }
Run Code Online (Sandbox Code Playgroud)

现在我想添加一些将要显示的东西<td>,所以我想:

td.appendChild(document.createTextNode(title)); 
Run Code Online (Sandbox Code Playgroud)

哪个很好...但是如果title包含html,例如一个简单的粗体标签,那么Hello<b> name!</b> 我们怎么做呢?

我认为我们创造了一个新的元素<b>但是......之后,我不知道该怎么做.只是为了澄清,我希望最终结果是Hello<b> name!</b>在TD标签中最终结果 如下:

<td>Hello<b> name!</b></td>
Run Code Online (Sandbox Code Playgroud)

请帮忙!!

编辑; 是的,我知道我可以通过InnerHTML来做到这一点,但我需要这样做才能让它超越Firefox AMO政策抱歉,应该提到这个...

Ste*_*her 5

请尝试使用td.innerHTML.这样您就可以毫无顾虑地将标记作为标记传递.