javascript - 如何使用 JavaScript 获取尚不存在的元素的样式?

标签 javascript html css dom styles

所以,我想获取 top <div> 的计算样式并将其放入变量中。然而,那个<div>尚未在 DOM 中。稍后它将通过 JavaScript 事件附加到 DOM(一旦用户触发 .onclick() 事件)。

为此,我尝试了以下方法: let style = getComputedStyle(element).top;

但是,从 element 开始,这将不起作用。尚未在 DOM 中。如果我尝试这样做,则会出现以下错误:

Error

那么,我怎样才能获取 top特定元素的样式,即使该元素尚未在 DOM 中?

最佳答案

你不能。您只能获取 DOM 中元素的计算样式,因为其计算样式取决于它所在的位置、周围的内容以及适当的样式。

相反,如果您知道 DOM 元素的特征及其所在位置,则可以在相同位置、具有相同类等情况下为其添加占位符;然后获取它的样式,从中获取top,然后将其删除。如果您在一个序列中完成所有这些操作而不返回事件循环,用户将永远不会看到它。

关于javascript - 如何使用 JavaScript 获取尚不存在的元素的样式?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60852929/

相关文章:

javascript - 在jquery中访问sibilings div

javascript - 样式切换器和文本调整器组合?

html - 具有两个条目的输入字段 - 一个在左侧,一个在右侧

html - 是否可以在电子邮件中使用渐变?

javascript - 分配函数范围结束后,纯 javascript onclick 变为未定义

javascript - 设置 Canvas 背景颜色

javascript - 如果单击嵌套元素,则不要调用函数

javascript - 检查对象中包含 'property' 的嵌套对象的属性失败

javascript - 更改单击菜单项的样式表 asp.net 母版页

html - 适当使用DL和DD?