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

136
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

Объект Day в Javascript

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

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

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

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

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

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

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

106
event bind mousewheel

event bind mousewheel

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

100