javascript - .innerHTML 和 console.log() 在显示/渲染输出方面有什么区别吗？

Question

我正在使用 java 脚本函数将 JSON 转换为 XML 字符串。我什至能够成功地做到这一点。但是当我尝试用 3 种不同的方法查看它时，当 comapred 到alert 和 console.log() 时，我在 .innerHTML 中得到不同的输出造成这种差异的原因是什么？我这样做有什么问题吗？

这是我的代码:

HTML:

<div id="show"></div>

CSS:

#show{
  width:100%; 
  height:200px;
  background:#000;
  color:#fff;
}

JS

function objectToXml(obj) {
        var xml = '';
        for (var prop in obj) {
            if (!obj.hasOwnProperty(prop)) {
                continue;
            }
            if (obj[prop] == undefined)
                continue;
            xml += "<" + prop + ">";
            if (typeof obj[prop] == "object")
                xml += objectToXml(new Object(obj[prop]));
            else
                xml += obj[prop];
            xml += "</" + prop + ">";
        }
        return xml;
    } 
    var myJson={"id":1,"name":"Albert","dob":"2011-02-19","gender":"male","email":"albert@rediffmail.com","language":"English"}
    var xmlString = objectToXml(myJson);
    document.getElementById("show").innerHTML=xmlString;
    alert(xmlString);
    console.log(xmlString);

我不太明白为什么使用 .innerHTML 时不打印 XML 字符串。

这是一个JS FIDDLE

Answer 1

innerHTML 将渲染 html。

改用innerText。

查看更新 fiddle :jsfiddle-link