如何在不加载HTML DOM的情况下获取javascript元素div的高度

Question

我用JavaScript创建了一个新的div元素，并附加了一些文本内容。现在，我需要获取在JavaScript中创建的div的高度。

示例代码：

const str = 'One of the important elements of a web application is form processing and file uploads. PHP has excellent support for these kind of things which makes it so popular with developers.';

const container = document.createElement('div');
container.style.width = '1020px';
const textContent = document.createTextNode(str)
container.appendChild(textContent);

const width = container. ???   // Should be in number like container.clientHeight
const height = container. ???

文本内容将根据主题而增长。如何在不加载HTML DOM的情况下获得虚拟div元素的高度和宽度。

注意：我没有在真实的html文档中添加div。只是在javascript中创建的，然后将div转换为PDF，我需要div的高度和宽度。

请帮助我该怎么做。