如何在标签 Java Script 中显示控制台的结果

Question

你好我想在标签中显示你好世界我该怎么做我是 javascript 的新手

   console.log("hello world");






 Result label:<input type="text" id="result"/>

Answer 1

你可以使用

console.group

我无法使用代码片段获得工作示例，但这里有一个快速视频：

Answer 2

如果我做对了，您想要完成的是获取从 console.log 返回的文本并将其显示在 html 中

只有一种方法可以实现。 console.log 只是控制台对象的一个属性，它是窗口对象的一个属性，所以你可以编辑它来做你想做的事。

const defLog = window.console.log; // saving a reference of the original log, "just in case"

// defining the element in which printing in
const target = document.getElementById("targetId");

// and now i change console.log behaviour for making it printing in the element you'd prefer.


console.log = (s) => {
target.innerText += "> " + s + "\n";
  defLog(s);
}

它不会只打印你输入的内容，但它会在控制台中给你同样的输出，所以就像表达式的结果或“[object object]”，如果你传入一个对象等等。

希望有帮助