javascript - 将一个 div 按其类移动到另一个具有 ID 的 div 中

Question

我正在尝试将 class="SomeDiv"的 div 移动到 ID="ParentDiv"的 div 中/内部

如果我编辑 javascript 以将具有 ID 的 div 移动到另一个具有有效差异 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]);