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

如何使用JavaScript获取尚未存在的元素的样式?,javascript,html,css,dom,styles,Javascript,Html,Css,Dom,Styles,因此,我想获取的top计算样式,并将其放入变量中。但是,还不在DOM中。稍后(一旦用户触发.onclick()事件),它将通过JavaScript事件附加到DOM中 为此,我尝试了以下方法: let style=getComputedStyle(元素).top 但是,这不起作用,因为元素还不在DOM中。如果我尝试执行此操作,将出现以下错误: 那么,即使某个元素还不在DOM中,我如何获取该元素的top样式呢 你不能。您只能获取DOM中元素的计算样式,因为其计算样式取决于元素所在的位置、元素周围的内

因此,我想获取
top
计算样式,并将其放入变量中。但是,
还不在DOM中。稍后(一旦用户触发
.onclick()
事件),它将通过JavaScript事件附加到DOM中

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

但是,这不起作用,因为
元素
还不在DOM中。如果我尝试执行此操作,将出现以下错误:


那么,即使某个元素还不在DOM中,我如何获取该元素的
top
样式呢

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


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

您可以使用HTML“hidden”标记将其添加到DOM中。这是因为它不会显示在页面上,但你可以修改它的样式。我试过了,它不起作用,仍然会出错。我想我只需要在触发click事件并将元素附加到DOM之后放置变量就可以解决这个问题。谢谢tho:)哦,好的。。。我想我得努力解决这个问题。。谢谢