Как вывести текст Javascript console.log в DOM? - PullRequest
Новая
       8

Как вывести текст Javascript console.log в DOM?

0 голосов
/ 25 сентября 2019

РЕДАКТИРОВАТЬ: 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 тега script в консоли.

Когда я пытаюсь внедрить его в DOM, используя innerHTML или innerText, я получаю в DOM следующее:

[object HTMLScriptElement]

Я также пытался использовать toString () и JSON.stringify, но это выдает пустой объект {}

Есть ли способ сделать то, чего я пытаюсь достичь?

В конце дня я могу просто добавить код статически, но я бы предпочел, чтобы он исходил из самого Javascript, чтобы убедить их в том, что вывод на самом деле исходит из Javascript, а не просто добавлен мной вручную.

1 Ответ

2 голосов
/ 25 сентября 2019

используя Element.outerHTML , вы можете получить весь тег скрипта, включая содержимое, в виде строки.

<script>
  console.log(123);
</script>

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

войдет: 

<script>
  console.log(123);
</script>
...