有没有办法 JSON.stringify HTML dom 对象？ [JavaScript]

我正在尝试加载外部 html 文件并对正文中的内容进行字符串化，但似乎无法在不产生不良结果的情况下这样做。有没有办法做到这一点？

var xhr = new XMLHttpRequest();

function loadFile(){
    xhr.open("GET", 'index.html');
    xhr.responseType = "document";
    xhr.send();
}

xhr.onload = function(data) {
    myData = data;
    myString = JSON.stringify(myData.srcElement.responseXML.body.children);
        console.log(myString)
       //logs: {"0":{},"length":1}

    }

loadFile();

但我需要它加载的是实际的 div 内容，例如：

//log: '<div id ='mydiv'>...</div>

我究竟做错了什么？

我可以通过将响应类型更改为“DOMString”来解决这个问题：

function buildAd(file){
    xhr.open("GET", file);
    xhr.responseType = "DOMString";
    xhr.send();
}