javascript - HTML/CSS/JS : Is it possible to find the element's size before appending it to the DOM tree?

Question

我正在通过 JavaScript 动态创建一些 HTML 元素。这条线:

        var author  = document.createElement("div");
        author.innerHTML = _feed[i].author;
        author.className = "author";

如果元素尚未添加到文档中，浏览器将返回 offsetHeight = 0。

我想在将元素附加到文档之前知道元素的高度，因为如果元素的结果高度太大，我需要采取一些措施(使其变小)，然后才将其添加到文档。

Answer 1

我的建议是将其添加到页面的左边距为 -10000 或其他内容，这样它就看不见了。然后你可以得到尺寸，做你需要的，然后改变左边距，让它在你想要的地方。这是假设您将使用绝对定位。

但据我所知，浏览器不会报告不在 DOM 中的元素的信息。