新手上路，请多包涵

我编写了一个函数，它将所有内容写入控制台（使用 console.log(string); ）。

现在我想“模拟”或在 <p> 或 <div> 中显示生成的控制台日志。

有谁知道如何做到这一点？

原文由 balex 发布，翻译遵循 CC BY-SA 4.0 许可协议

javascript html css console

阅读 752

2 个回答

得票最新

社区维基

发布于
2022-12-20

✓ 已被采纳

根据您问题中的线索，我认为您在浏览器环境中工作。

console 是 window 对象上的一个对象。因此，您可以轻松更换它。以下代码将替换浏览器的 window.console 为自定义的 window.console 其方法为 log 。 log 方法将获取一个字符串并将其附加到 ID 为 myLog 的元素上

在您的 HTML 中：

 <p id="myLog"></p>

在你的 JS 中：

 window.console = {
  log: function(str){
    var node = document.createElement("div");
    node.appendChild(document.createTextNode(str));
    document.getElementById("myLog").appendChild(node);
  }
}
console.log('hi');
console.log('there');

这是假设您只记录 _字符串_。如果你记录其他东西，比如对象，你可能想在 log 方法中添加一个类型检查，如果它是一个对象，在将它添加到节点之前通过 JSON.stringify 运行它.

原文由 Emil Oberg 发布，翻译遵循 CC BY-SA 3.0 许可协议

社区维基

发布于
2022-12-20

超链接：

 <body>
  <ul id ="list"></ul>
</body>

脚本：

 function createMessage(str) {
  var newMessage = document.createElement('li').innerHTML = str;
  var list = document.getElementById("list");
  list.insertBefore(newNode, list.childNodes[0]);
}

原文由 Javi Alcantara 发布，翻译遵循 CC BY-SA 3.0 许可协议

撰写回答

你尚未登录，登录后可以

和开发者交流问题的细节
关注并接收问题和回答的更新提醒
参与内容的编辑和改进，让解决方法与时俱进

推荐问题

Stack Overflow 翻译

子站问答

访问

本篇内容翻译自 Stack Overflow，如果你觉得翻译结果值得改进，欢迎直接编辑修改，感谢你为社区贡献。

相似问题

找不到问题？创建新问题

在 JavaScript 的 HTML 元素中显示 console.log()

你尚未登录，登录后可以

js 如何将Key属性相同的放在同一个数组？

Next.js做纯前端是否可行？

如何实现一个深拷贝函数？

CSS如何让指定的某个Tag不显示（比如：display=none），但是还是占有位置呢？

怎么获取动态弹出对话框的模拟单击？

我们在浏览器中，有时候可以看到VM字样的Tab，请问这个是什么意思？是指的是V8吗？

git提交记录问题？

Stack Overflow 翻译