javascript - 将 SPAN 插入 DIV

Question

我正在尝试使用 Javascript 将 HTML span 元素插入到 DIV 元素中

<div id='mydiv'>
</div>

我有一个基本的 DIV，我将一些文本插入到 DIV 中。我想在此文本中插入一个 SPAN。

var str = "insert me here %1 ok ";

var s = document.createElement('span');
s.innerHTML ="<span id='mySpan'>yes</span>";

str = str.replace('%1', s.toString);

$('#mydiv').html(str);

我尝试过的所有方法，要么在字符串中引用整个 innerHTML，要么得到 [object OBJECT]，要么得到“未定义”错误。

在这里 fiddle :http://jsfiddle.net/Gu8tw/1/

谢谢!

Answer 1

您应该使用 s.outerHTML 而不是错误的 s.toString()。

演示: http://jsfiddle.net/Gu8tw/2/