通过在inout HTML中使用insertAdjacentHTML获取元素高度

Question

我只是使用insertAdjacentHTML输入从提取中获取的HTML DOM：

在a.html中：

<div class="header-box"><h1 class="title">This is Title</h1></div>

在b.html中：

fetch('a.html').then((response) => {
    if (response.ok) {
        return response.text();
    }

    throw new Error('Got Error!');
}).then((data) => {
    document.querySelector('#main').insertAdjacentHTML('afterbegin', data);
    const titleHeight = document.querySelector('.title').offsetHeight;
    console.log(titleHeight);
});

但是我得到一个错误：

  

未捕获（承诺）TypeError：无法读取属性“ offsetHeight”   在评估时为空

如何获得身高？ 谢谢。