Appendchild没有按预期工作

Question

我正在尝试使用AppendChild方法为div标签创建子节点（对于twitter tweet文本框执行此操作）。但它只附加文本内容并跳过html标记的所有其他字段（如类，id等）。会出现什么问题？

这是我用过的代码片段。

var elt = document.getElementById("tweet-box-home-timeline");
element = document.createElement("li");
var t = document.createTextNode('hello world');
element.appendChild(t);
element.setAttribute("class","testClass");
elt.appendChild(element)

但结果看起来几乎像这样

<div aria-labelledby="tweet-box-home-timeline-label" name="tweet" id="tweet-box-home-timeline" class="tweet-box rich-editor" contenteditable="true" spellcheck="true" role="textbox" aria-multiline="true" data-placeholder-default="What's happening?" data-placeholder-poll-composer-on="Ask a question..." dir="ltr" aria-autocomplete="list" aria-expanded="false" aria-owns="typeahead-dropdown-4">
     <div>hello world</div>