我有一个名为“ out”的框和一个名为“ deposit”的框。我要做的就是使用onclick命令将框“ out”的任何子元素转移到框“ deposit”中。
<div id="out">
<span>qwe</span>
<h1>asd</h1>
<img src="img/globe.png"/>
<img src="img/sdf.jpg" />
<b>test</b>
</div>
<div id="deposit"></div>
<script type="text/javascript">
document.getElementById('out').onclick = function() {
document.getElementById('deposit').innerHTML=document.getElementById('out').getElementsByTagName('*').innerHTML;
}
</script>
我将问题归结为与“ getElementsByTagName”问题有关。Getchildnodes,孩子和这个getelementsbytagname使我感到困惑。我要做的只是在“输出”框中单击任何元素,然后将选定的元素转移到“存款”框中。
[请不要使用jquery,我需要按常规方式解决此问题。]
代替
document.getElementById('deposit').innerHTML=document.getElementById('out').getElementsByTagName('*').innerHTML;
和
var a = document.getElementById('out');
for (var i = 0; i < a.childNodes.length; i++) {
a.childNodes[i].onclick = function () {
var b = document.getElementById('deposit');
b.innerHTML = b.innerHTML + this.outerHTML;
}
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句