Javascript 将一个div按其类移动到另一个ID为的div中

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

如果我编辑javascript以将ID为的div移动到另一个ID为diff的div中，则可以使用。但是，将一个具有类的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> 

---

.GetElementsByCassName

返回数组，因此需要在末尾添加索引，如下所示：

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

---

使用

document.getElementsByClassName（'SomeDiv'）[0]

代替，

getElementsByClassName

返回元素数组，而

getElementsById

返回单个元素

源：

getElementsByClassName

返回找到的元素的HTMLCollection

如果你知道你的div有一个独特的类，你可以这样做

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

---

您无法获得这样的类的元素。document.getElementsByClassName返回一个数组。你必须做一些像

document.getElementsByClassName('SomeDiv')[0]

此外，如果希望将该类名的所有div都放在div中，请执行一些迭代

for (i=0;i<=document.getElementsByClassName('SomeDiv').length;i++) {
    document.getElementById('ParentDiv').appendChild(document.getElementsByClassName('SomeDiv')[i]);
}

---

for（i=0；i使用jquery使之更容易，查看jsfiddle的更新版本，通过检查dom树，您可以看到项目已被移动

$(document).ready(function(){
$("#ParentDiv").append($(".SomeDiv"));
});

如果你不打算使用jQuery，为什么还要费心包括它呢？这在JSFIDLE中效果很好！但在实际站点上根本不起作用：-我正在尝试从ID rev_slider_1_1中的滑块获取缩略图
$(document).ready(function(){
$("#ParentDiv").append($(".SomeDiv"));
});