爲選定的元素創建一個父div

Question

我想圍繞單擊的元素創建一個div，而不會影響頁面的樣式，我需要在某些操作後刪除插入的父項。有人有這樣的想法嗎？

編輯：請注意，我不希望使用任何JavaScript庫

Answer 1

我不能保證它不會影響樣式，但至於其他的，嘗試這樣的事情（單擊處理函數內）：

var div = document.createElement("div"); 
var parent = this.parentNode; 
parent.insertBefore(div, this); 
div.appendChild(this); 

如果你還是在功能時你想刪除新的div元素：

parent.insertBefore(this, div); 
parent.removeChild(div); 

如果不是，你需要重新獲得它。假設你有一個觸發器，並且this仍然是點擊元素：

var div = this.parentNode; 
var parent = div.parentNode; 
parent.insertBefore(this, div); 
parent.removeChild(div); 

Answer 2

jQuery有一個wrap()功能，將你想要做什麼。保證沒有樣式被改變是不可能的，但如果你控制頁面和/或CSS，它不應該是一個問題。