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

Question

编辑： rlemon 帮助我到达那里。谢谢你。console.log(videoScript, 'log of script tag HTML')var x = videoScript.outerHTMLdocument.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>

  console.log(123);

</script>

console.log( document.scripts[0].outerHTML );

将记录：

<script>

  console.log(123);

</script>