Convert string to html tags in Javascript

Question

I want to convert the following string to HTML tags and place it inside my div.

&lt;strong&gt;asdfadfsafsd&lt;/strong&gt;

I am using the following code to place it inside my div:

var message = "&lt;strong&gt;testmessage&lt;/strong&gt";
document.getElementById('message').innerHTML = bericht;

The problem is that I see the following in my div now:

<strong>testmessage</strong>

But I want to see: testmessage

What is the problem?

mohamedrias · Accepted Answer · 2015-04-11 10:18:14Z

4

var string = "&lt;strong&gt;asdfadfsafsd&lt;/strong&gt;",
    results = document.getElementById("results")
    results.innerHTML = string;
    results.innerHTML =    results.textContent;

<div id="results"></div>

At first load the it as html. Then fetch it as text and then again load it as HTML :)

Refer HTML Entities

edited Apr 11, 2015 at 10:18

answered Apr 11, 2015 at 10:14

mohamedrias

18.6k3 gold badges41 silver badges47 bronze badges

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

3 Comments

Kaiido Over a year ago

and a link to HTML character entities : dev.w3.org/html5/html-author/charref

P Griep Over a year ago

Easy and simple! Just what I needed!

mohamedrias Over a year ago

You're welcome :) Also refer to that link by @Kaiido as well. It will be useful to you :)

Abozanona · Accepted Answer · 2015-04-11 10:19:44Z

0

Try createElement

var tag = document.createElement("strong");
var t = document.createTextNode("testmessage");
tag.appendChild(t);
document.body.appendChild(tag);

answered Apr 11, 2015 at 10:19

Abozanona

2,3051 gold badge29 silver badges66 bronze badges

Collectives™ on Stack Overflow

Convert string to html tags in Javascript

2 Answers 2

3 Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Linked

Related