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

Question

我正在尝试加载外部 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>

我做错了什么？

Answer 1

你的问题不是很清楚，但我想试一试。灵感来自那里：. Demo: http://jsfiddle.net/wared/fezc6tnt/.

function string2dom (html) {
    var iframe, doc;
    iframe = document.createElement('iframe');
    iframe.style.display = 'none';
    document.body.appendChild(iframe);
    doc = iframe.contentDocument || iframe.contentWindow.document;
    iframe.parentNode.removeChild(iframe);
    doc.open();
    doc.write(html);
    doc.close();
    return doc;
}

var dom = string2dom(''
+ '<html>'
+   '<head>'
+     '<title>test</title>'
+   '</head>'
+   '<body>'
+     '<div id="test">allo la <b>terre</b></div>'
+   '</body>'
+ '</html>'
);

document.body.innerHTML = (
    dom.getElementById('test').innerHTML
);

Answer 2

我可以通过将响应类型更改为 'DOMString':

来解决这个问题

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

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

Is there a way to JSON.stringify an HTML dom object? [JavaScript]

html

javascript

json

xmlhttprequest

stringify