将SPAN插入DIV

时间:2013-04-26 13:41:42

标签: javascript html css

我正在尝试使用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]或者我得到'undefined'错误。

在这里小提琴:http://jsfiddle.net/Gu8tw/1/

谢谢!

1 个答案:

答案 0 :(得分:3)

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

DEMO: http://jsfiddle.net/Gu8tw/2/

相关问题