gpt4 book ai didi

javascript - 如何改变javascript中的div顺序

转载 作者:行者123 更新时间:2023-12-01 02:39:49 25 4
gpt4 key购买 nike

我想通过 JavaScript 更改 div 顺序。我不知道该怎么做

这是在html中实现的两个div,但我希望div id="navigation" 在div class="row subheader" 之后显示在html中。

<div id="navigation">
<div class="item" style="display:inline;">
<a href="index.html">Home</a>
</div>
<div class="item" style="display:inline;">Blog: Kannu</div>
</div>

<div class="row subheader">
<div class="container">
<div id="blogsubheader">My Blog</div>
</div>
</div>

我想要这样的 JavaScript,请检查以下内容。

<div class="row subheader">
<div class="container">
<div id="blogsubheader">My Blog</div>
</div>
</div>

<div id="navigation">
<div class="item" style="display:inline;">
<a href="index.html">Home</a>
</div>
<div class="item" style="display:inline;">Blog: Kannu</div>
</div>

提前致谢

最佳答案

假设您使用的是 jQuery,那么使用这个:

$('#navigation').insertAfter( ".container" );
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
</head>
<body>
<div id="navigation">
<div class="item" style="display:inline;">
<a href="index.html">Home</a>
</div>
<div class="item" style="display:inline;">Blog: Kannu</div>
</div>


<div class="row subheader">
<div class="container">
<div id="blogsubheader">My Blog</div>
</div>
</div>
</body>
</html>

关于javascript - 如何改变javascript中的div顺序,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51760261/

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