如何将 console.log 重新路由到 document.write [重复]

Question

我想为 JavaScript 创建一个“控制台”应用程序，以便将消息写入屏幕。

console.log("Rerouting log messages to the screen");
console.log = function (message) { document.writeln(message); };
console.log("Log messages are now routed to the screen.");

这可行，只是每次向屏幕写入内容时，它都会清除所有现有内容。

有没有办法做到这一点？

Answer 1

这就是document.write 的工作原理。为避免这种情况，您应该使用 document.createElement 和 document.body.appendChild 例如。

例如你可以试试这个代码：

console.log = function (message) { 
    var p = document.createElement( 'p' );
    p.innerHTML = message;
    document.body.appendChild( p );
};

在 MDN 上阅读有关 document.write 的更多信息。