jQuery 文檔操作 - replaceWith() 方法

2018-10-24 18:44 更新

實(shí)例

使用新文本替換第一個(gè)P元素:

$(".btn1").click(function(){
   $("p").replaceWith("<b>Hello world!</b>");
});

親自試一試

定義和用法

replaceWith() 方法用指定的 HTML 內(nèi)容或元素替換被選元素。

提示:replaceWith() 與 replaceAll() 作用相同。差異在于語法:內(nèi)容和選擇器的位置,以及 replaceAll() 無法使用函數(shù)進(jìn)行替換。

語法

$(selector).replaceWith(content)
參數(shù) 描述
content

必需。規(guī)定替換被選元素的內(nèi)容。

可能的值:

  • HTML 代碼 - 比如 ("<div></div>")
  • 新元素 - 比如 (document.createElement("div"))
  • 已存在的元素 - 比如 ($(".div1"))

已存在的元素不會(huì)被移動(dòng),只會(huì)被復(fù)制,并包裹被選元素。

selector 必需。規(guī)定要替換的元素。

使用函數(shù)來替換元素

使用函數(shù)把被選元素替換為新內(nèi)容。

語法

$(selector).replaceWith(function())

親自試一試

參數(shù) 描述
function() 必需。返回待替換被選元素的新內(nèi)容的函數(shù)。

親自試一試 - 實(shí)例

使用新元素來替換元素
使用 document.createElement() 來創(chuàng)建一個(gè)新的 DOM 元素,然后用它替換被選元素。


以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)