如何將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。