javascript - 为所选元素创建父级 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);