實(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)容。 可能的值:
已存在的元素不會(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 元素,然后用它替換被選元素。
更多建議: