获取使用document.write插入的DOMElement的维度

Question

网站进行返回HTML代码段的Web服务调用。该站点使用document.write将响应HTML附加到文档。现在，如果我想弄清楚刚刚插入的元素的尺寸（宽度，高度），我该如何实现呢？

Answer 1

由于您使用的是document.write，因此您的内容将被新内容替换。我假设只有一个元素放在体内，所以我们用document.body.childNodes[0]得到那个元素。如果您添加了许多元素，请为其指定ID，或者通过标记或其他内容选择它们。

DOM中的每个元素都有一个名为getBoundingClientRect的函数，它将为您提供一个具有宽度和高度属性的对象。

var dimensions = document.body.childNodes[0].getBoundingClientRect();
console.log(dimensions);

请参阅https://developer.mozilla.org/en-US/docs/Web/API/Element.getBoundingClientRect