Как отобразить код элемента в виде форматированного текста

181
29 июля 2019, 19:10

Как с помощью JS, или JQuery можно отобразить в теге <pre> тег и содержимое тега <script id="js"> в виде форматированного текста? Желательно без костылей вида replace(/</g,'&lt;')

<pre></pre>
<script id="js"> var x=y; </script>

примерно так

$("pre").html($("#js").clone());
Answer 1

Что бы отобразить содержимое, надо отобразить содержимое.

output.textContent = test.outerHTML;
Output: 
<pre id="output"></pre> 
<script id="test"> 
  var x = 0; 
  x++; 
  console.log(123); // To be sure that this script runs once 
</script>

Answer 2

UPD. после комментария:

Пример на codepen, если так удобнее: ссылка

var elem = document.getElementById('script').outerHTML; 
var pre = document.getElementById('pre'); 
pre.textContent = elem;
<pre id="pre"></pre> 
<script id="script"> 
  function HelloWorld() { 
    alert('Hello world!'); 
  } 
</script>

READ ALSO
Объект Day в Javascript
javascript

Объект Day в Javascript

Здравствуйте есть код калькулятора в нем есть обЪект с датом в цикле он работает а вне цикла нет не могу понять в чем пробелма вот код который...

 178
Проверка условия на false
javascript

Проверка условия на false

Как корректно проверить если элемент не содержит например класс active? Как правильнее делать?

 197
Можно ли использовать for в render
javascript

Можно ли использовать for в render

Хочу пройтись и данным и вывести все элементыНо жалуется на Data

 149
event bind mousewheel
javascript

event bind mousewheel

почему в else срабатывает один раз $("cards")

 138