javascript createElement 如何插入内容 ？

[yeelone]

请看下面这个代码 ：
http://jsfiddle.net/yeelone/UuuMj/

主要代码:
// 所选内容替换成指定内容
function replaceText(text) {
var selectedText = window.getSelection();
var div = document.createElement('div');
var t = document.createTextNode(text);
div.appendChild(t);
console.log(t);
console.log(div);
selectedText.getRangeAt(0).surroundContents(div);
selectedText.removeAllRanges();
}

输出的情况是：
"yeelone"
<div></div>

为什么不是：
"yeelone"
<div>yeelone</div> 呢?
请大家帮帮忙。

[liaa]

lz 将你上面的这3行改一下就行
--var div = document.createElement('div');
var anotherDiv = document.createElement('div');

--div.appendChild(t);
antherDiv.appendChild(t);

--console.log(div);
console.log(anotherDiv);

你下面那个console.log输出的div其实是指向到了你html那个空div中去了

[YuHong]

createElement(); 返回的是一个Element 对象

console.log(div.outerHTML === "<div>yeelone</div>")
console.log(div.outerText === "yeelone")

[liaa]

@liaa 一楼的解释是错误的，别试了

[yeelone]

@YuHong 不行呢。如果用 div.outerHTML ,会报这个错：
selectedText.getRangeAt(0).surroundContents(div);
Uncaught Error: NO_MODIFICATION_ALLOWED_ERR: DOM Exception 7