How to print <DummyText> inside html tag using javascript?

Question

I need to show "<>" symbols for my string "DummyText". When i run and inspect the element, it converted to be DOM element in HTML like . This is the code I am trying to do

<p><a href='' title='Survey Link'><DummyText></a></p>

Carl Binalla · Accepted Answer · 2017-11-14 05:21:59Z

6

Use < and > instead, from here

<p><a href='' title='Survey Link'>&lt;DummyText&gt;</a></p>

answered Nov 14, 2017 at 5:21

Carl Binalla

5,4315 gold badges31 silver badges49 bronze badges

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

Comments

Pavel · Accepted Answer · 2017-11-14 05:24:00Z

1

For HTML you have to encode special characters:

<p><a href='' title='Survey Link'>&lt;DummyText&gt;</a></p>

answered Nov 14, 2017 at 5:24

Pavel

1,64715 silver badges12 bronze badges

Comments

Jegadesh B S · Accepted Answer · 2017-11-14 05:24:29Z

1

Use < to display < and > to display > in HTML

document.getElementById('anc').innerHTML="&lt;Dummy Text&gt;";

<p><a id="anc" href='' title='Survey Link'></a></p>

answered Nov 14, 2017 at 5:24

Jegadesh B S

7091 gold badge6 silver badges14 bronze badges

Comments

Lauraducky · Accepted Answer · 2017-11-14 05:24:41Z

1

What's happening is that the reserved characters <> are being parsed as HTML. Since <Dummy Text> doesn't exist as a tag, it swallows it so that it doesn't appear on your page.

To fix this you need to use HTML character codes. Instead of inserting the symbol < use the string < and instead of > use >

answered Nov 14, 2017 at 5:24

Lauraducky

6721 gold badge11 silver badges25 bronze badges

Collectives™ on Stack Overflow

How to print <DummyText> inside html tag using javascript?

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related