首頁 >web前端 >js教程 >如何使用appendTo()和prependTo()來移動HTML元素?

如何使用appendTo()和prependTo()來移動HTML元素?

DDD
DDD原創
2024-12-06 08:15:16618瀏覽

How Can I Use appendTo() and prependTo() to Move HTML Elements?

在HTML 中移動另一個元素內的元素

要將一個DIV 元素移到另一個DIV 元素內,請使用appendTo 或prependTo函數。

appendTo:

此函數將來源元素追加到目標元素的末端。

$("#source").appendTo("#destination");

prependTo:

此函數將來源元素加入目標的開頭元素。

$("#source").prependTo("#destination");

示例:

<div>

JavaScript:

$("#appendTo").click(function() {
  $("#moveMeIntoMain").appendTo($("#main"));
});
$("#prependTo").click(function() {
  $("#moveMeIntoMain").prependTo($("#main"));
});

HTML:

<div>

以上是如何使用appendTo()和prependTo()來移動HTML元素?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn