写一个按钮,点击后可以实现第一个段落移动到最后一个段落的后面,其他的段落保持不变
时间: 2024-05-05 10:21:04 浏览: 73
你需要在 HTML 中先给每个段落加上一个 ID,然后使用 JavaScript 来实现按钮的点击事件。以下是示例代码:
HTML:
```html
<p id="p1">第一个段落</p>
<p>第二个段落</p>
<p>第三个段落</p>
<p>最后一个段落</p>
<button onclick="moveParagraph()">移动段落</button>
```
JavaScript:
```javascript
function moveParagraph() {
// 获取第一个段落和最后一个段落
var p1 = document.getElementById("p1");
var lastP = document.getElementsByTagName("p")[3];
// 将第一个段落移动到最后一个段落后面
lastP.parentNode.insertBefore(p1, lastP.nextSibling);
}
```
当点击按钮时,`moveParagraph()` 函数会将第一个段落移动到最后一个段落后面。其他段落保持不变。
阅读全文