實例
用粗體文本替換每個段落：
$(".btn1").click(function(){ $("p").replaceWith("<b>Hello world!</b>"); }); 親自試一試
定義和用法
replaceWith() 方法用指定的 HTML 內容或元素替換被選元素。
提示：replaceWith() 與 replaceAll() 作用相同。差異在于語法：內容和選擇器的位置，以及 replaceAll() 無法使用函數進行替換。
語法
$(selector).replaceWith(content)
| 參數 | 描述 |
|---|
| content | 必需。規定替換被選元素的內容。 可能的值: - HTML 代碼 - 比如 ("<div></div>")
- 新元素 - 比如 (document.createElement("div"))
- 已存在的元素 - 比如 ($(".div1"))
已存在的元素不會被移動，只會被復制，并包裹被選元素。 |
| selector | 必需。規定要替換的元素。 |
使用函數來替換元素
使用函數把被選元素替換為新內容。
語法
$(selector).replaceWith(function())
親自試一試
| 參數 | 描述 |
|---|
| function() | 必需。返回待替換被選元素的新內容的函數。 |
親自試一試 - 實例
- 使用新元素來替換元素
- 使用 document.createElement() 來創建一個新的 DOM 元素，然后用它替換被選元素。