gpt4 book ai didi

javascript - 有没有办法使用 JavaScript 重新定位 DOM 元素?

转载 作者:行者123 更新时间:2023-11-28 12:51:48 24 4
gpt4 key购买 nike

<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<div class="boxes">
<div class="red" style="width: 300px; height: 300px; color: red"></div>
<div class="blue" style="width: 300px; height: 300px; color: blue"></div>
</div>

</body>
</html>
<style>
.boxes{display:flex; flex-direction:row;}
</style>

有没有办法使用CSS或javascript将div.blue放在div.red的位置或 div.red 位于 div.blue 的位置

最佳答案

不需要js来对元素进行排序。

看看这是否是您要找的

.boxes {
display: flex;
}

.blue {
order: 1;
}

.red {
order: 2;
}
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<div class="boxes">
<div class="red" style="width: 300px; height: 300px; background: red"></div>
<div class="blue" style="width: 300px; height: 300px; background: blue"></div>
</div>

</body>
</html>

关于javascript - 有没有办法使用 JavaScript 重新定位 DOM 元素?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60762878/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com