js中能把某元素放到另一个元素的下面吗,如id为a的div在id为b的div上面,能用js把a改到b下面吗
展开全部
jquery : $('#b').after($('#a'));//ID为a的元素移动到ID为b的后面
原生JS略麻烦,不推荐!
原生JS略麻烦,不推荐!
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
<html>
<head>
<style type="text/css">
div {
position:absolute;
}
.pos1 {
top:0px;
width:200px;
height:100px;
}
.pos2 {
top:100px;
width:200px;
height:100px;
}
.pos3 {
top:200px;
}
</style>
<script>
function moveDiv() {
var a = document.getElementById("a");
var b = document.getElementById("b");
if (a.className == "pos1") {
a.className = "pos2";
b.className = "pos1";
} else {
b.className = "pos2";
a.className = "pos1";
}
}
</script>
</head>
<body>
<div id="a" class="pos1">a</div>
<div id="b" class="pos2">b</div>
<div class="pos3"><button onclick="moveDiv()">Move</div>
</body>
</html>
更多追问追答
追问
不是用样式放到下面,是把标签位置都改了,把整个id为a的div放到b的下面
追答
还不是一样?样式里面就是设置位置的,而且可扩展性好,如果不只是位置,还要其他设置呢?
当然你可以直接这样写
function moveDiv() {
var a = document.getElementById("a");
var b = document.getElementById("b");
a.style.top = "100px";
b.style.top = "0px";
}
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询