javascript - 如何使用 Javascript 从元素中删除默认文档样式

Question

我正在尝试创建一个将一些文本显示为弹出窗口的 div 元素。但问题是当我使用 javascript 创建元素时，div 已经包含在文档样式表或外部 css 中定义的默认样式。例如:

popup = document.createElement("div");
popup.setAttribute("id","myElement");
popup.style.left = "100px";
popup.style.top = "100px";
popup.style.width = "100px";
popup.style.height = "100px";
document.body.appendChild(popup);

现在当它出现时，它已经有了颜色、边框等，因为在 css 中有这个 div 样式被应用到这个元素上。我希望它不继承为文档本身定义的任何内容，我该怎么做，或者可能会覆盖原始样式？？

Answer 1

实现此目的的一种方法是覆盖本文档中使用 css 设置的所有可用属性。但是使用 JavaScript 需要做很多工作。

更好的方法是为新创建的元素添加一个 id 或 class。样式应具有适用于您正在创建的元素类型的所有属性。如果你错过了一个属性，它将从当前的 css 中设置。