Question

javascript,求高手帮忙

<script type="text/javascript" charset="utf-8">
window.onload=function(){
var div1 = document.getElementById('div1');
var span1 = document.getElementById('span1');
var oA = document.getElementById('a1');

oA.onclick=function(){
div1.innerHTML=span1;
}
}

</script>
<div id="div1" style="width:200px;height:200px;border:1px solid red;"></div>
<span id="span1">测试</span>
<a id="a1" href="javascript:;">我点</a>

当a标签点击的时候, div1的innerHTML等于span1为什么不行啊？ 报Obejct,HTMLspan.elemnt
除了创建一个元素，什么办法 点击a时候，把span标签，弄到div1里面去？

Answer 1

把
div1.innerHTML=span1;
改成
div1.appendChild(span1);
后，然后看看？

Answer 2

这样是没办法，innerHTML只能获取某个元素里面的所有内容，包含html元素等，除了创建元素外要不就是在span外面在建立一个div：div2外围包含著啦，在去获取div2里面的innerHTML值咯

如下：

<div id="div2"><span id="span1">测试</span></div>

这边是添加在body里面，要不就是在js如下操作

var span2 = "<span id='span2'>测试2</span>";

这样也行

div1.innerHTML=div2.innerHTML+span2;

具体附件执行实施

Answer 3

div1.appendChild(span1);