Javascript 将DIV元素移动到父元素的底部(作为最后一个子元素)
我正在尝试为我正在开发的网站的主页顶部创建一个不断旋转的横幅。我能想到的保持它不断旋转的最好方法是,取第一个DIV(firstChild),一旦它滑出视图,就将它移动到堆栈的末尾 这:Javascript 将DIV元素移动到父元素的底部(作为最后一个子元素),javascript,dom,elements,prototypejs,Javascript,Dom,Elements,Prototypejs,我正在尝试为我正在开发的网站的主页顶部创建一个不断旋转的横幅。我能想到的保持它不断旋转的最好方法是,取第一个DIV(firstChild),一旦它滑出视图,就将它移动到堆栈的末尾 这: 应该是这样的: <div id='foo1'></div> <div id='foo2'></div> <div id='foo3'></div> <div id='foo0'></div> 我使用原型框架。
应该是这样的:
<div id='foo1'></div>
<div id='foo2'></div>
<div id='foo3'></div>
<div id='foo0'></div>
我使用原型框架。。。我尝试用我自己的方法克隆元素并将其插入父DIV的底部,但是我发现并不是所有的样式属性都被继承,我想放弃这个方法,因为我不希望移动的是元素的副本/克隆,而是实际的元素本身
谢谢。假设div有一个有效的父级,下面是一些简单的javascript:
var d = document.getElementById('foo0');
d.parentNode.appendChild(d);
从本质上讲,您获取节点,然后将其附加到其父节点
appendChild
,如果节点已经是DOM的一部分,则会将节点从其当前位置移动到DOM中的新位置。用父div包装您的div:
var parentElement = document.querySelector("#yourParentDiv");
parentElement.appendChild(parentElement.firstElementChild);
var parentElement = document.querySelector("#yourParentDiv");
parentElement.appendChild(parentElement.firstElementChild);