如何在 DOM 中渲染 Javascript console.log 的文本？

Question

编辑： rlemon 帮助我到达那里。谢谢你。

console.log(videoScript, 'log of script tag HTML')

var x = videoScript.outerHTML

document.getElementById('injectedScriptElement').innerText = x

我现在可以将脚本标签的日志渲染到 DOM 中。

我正在尝试解决我遇到的问题，我向其他人展示的最佳方式是将 console.log 打印/渲染到 DOM，以便此人可以轻松复制和粘贴 html，而无需深入控制台。

当我 console.log 一个创建的脚本标签时，我会在控制台中看到脚本标签的完整 html。

当我尝试使用 innerHTML 或 innerText 将其注入 DOM 时，我在 DOM 中得到以下信息：

[对象 HTMLScriptElement]

我也试过 toString() 和 JSON.stringify 但这会渲染出一个空对象 {}

有没有办法做我想要实现的目标？

在一天结束时，我只能静态添加代码，但我宁愿它来自 Javascript 本身，以向他们保证输出实际上来自 Javascript，而不仅仅是我手动添加的。

Answer 1

使用Element.outerHTML您可以获得整个脚本标签，包括作为字符串的内容。<script>&nbsp; console.log(123);</script>console.log( document.scripts[0].outerHTML );将记录：<script>&nbsp; console.log(123);</script>