在具有ID的另一个div内移动div

Question

我试图将一个div与class ="SomeDiv"一起移入/在一个ID ="ParentDiv"的div中

如果我编辑javascript以将带有ID的div移动到具有可用的diff ID的另一个div中.但是将带有Class的div移动到带有ID的div中是行不通的.我错过了什么吗？

HTML

<div id="ParentDiv">
    <div id="ChildDiv">
        <ul>
            <li>1</li>
            <li>2</li>
        </ul>
    </div>
    <!-- move SomeDiv here -->
</div>
<div class="SomeDiv">some content</div> 

JS:

document.getElementById('ParentDiv').appendChild(document.getElementsByClassName('SomeDiv'));

http://jsfiddle.net/9gvsa/1/

Answer 1

.getElementsByClassName 返回数组,所以你需要一个最后的索引,如下所示:

document.getElementById('ParentDiv').appendChild(document.getElementsByClassName('SomeDiv')[0]);