Javascript : Return .innerHTML as syntax

Question

I have a little problem here...

This is my code

<html>
 <textarea id="text">
  <h2>Text Here...</h2>
 </textarea>

 <div id="preview">

 </div>
</html>

<script>
  var syntax = document.getElementById("text").innerHTML;
  document.getElementById("preview").innerHTML = syntax;
</script>

The problem is the preview shows <h2>Text Here...</h2> instead of Text Here... with h2 font.

Thanks

Beginner Programmer

with this code, preview actually shows [object HTMLDivElement] — Jaromanda X
– Jaromanda X, Commented Nov 22, 2016 at 11:21
Look at Azeez anwser. I have to retrive innerHtml from sintax. — GiuServ
– GiuServ, Commented Nov 22, 2016 at 11:22
@JaromandaX That's what happens with objects, heh (except functions (instanceof, though)) — user5066707
– user5066707, Commented Nov 22, 2016 at 11:24
@FREEZE - I know why it was that text, my point was that the question stated the displayed text in preview was completely different to that - clearly the code in the question is not exactly the code the OP was having issues with — Jaromanda X
– Jaromanda X, Commented Nov 22, 2016 at 11:26

Azeez Kallayi · Accepted Answer · 2016-11-22 11:21:14Z

4

Just change your script :

  var syntax = document.getElementById("text").innerHTML;
  document.getElementById("preview").innerHTML = syntax;

 <div id="text">
  <h2>Text Here...</h2>
 </div>

 <div id="preview">

 </div>

answered Nov 22, 2016 at 11:21

Azeez Kallayi

2,6421 gold badge17 silver badges19 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Azeez Kallayi Over a year ago

It was a 'div' in your question

Luth Hizb Over a year ago

I know, i have changed it

Azeez Kallayi Over a year ago

Then you need to change your code also: Please use this line: var syntax = document.getElementById("text").value;

Azeez Kallayi Over a year ago

Use .value instead of .innerHTML and try

Collectives™ on Stack Overflow

Javascript : Return .innerHTML as syntax

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related