javascript - 動的コンテンツを含む DOM を取得するための XMLHttpRequest

Question

特定の Web サイトを監視する Chrome 拡張機能を作成しています。XMLHttpRequest を使用してそのサイトの DOM を取得しています。DOM は解析され、必要なデータが取得されます。

問題は、XMLHttpRequest が動的コンテンツ (画像、動的テキストなど) を含む完全にロードされた DOM を返さないことです。

この問題をググったところ、修正はないようですが、間違っている可能性があります。

XHR が完全にロードされた DOM を返す方法はありますか。

これが私のコードです

window.onload = function () { chrome.runtime.sendMessage({points: document.getElementsByClassName('notification-count hidden')[1].outerText}); } //Works fine, but I need the same result with XHR

function getPoints()
{
    var link = 'example'; //placeholder

    var xhr = new XMLHttpRequest();
    xhr.open('GET', link, true);
    xhr.responseType = 'text';
    xhr.onload = function(e) {
    if (xhr.readyState== 4 && xhr.status == 200) 
    {
        DOM = xhr.response;
        console.log(DOM); //Returns the DOM of the site but missing dynamic content
    }
};

xhr.send();
}

よろしくお願いします。私の質問が些細なことでしたら申し訳ありません