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

129
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

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

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

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

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

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

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

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

102
event bind mousewheel

event bind mousewheel

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

96