How to pass a html tag inside as variable in javascript?

Question

I am passing an array called floors into a function which creates a html node.

var floors = ["Ground", "First", "Second", "Third", "Duplex", "Duplex+1", "Duplex+2"];
document.createTextNode(" " + floors[flooring]);

Is there anyway to add a html tag to each of these variables. I have tried the below code, but it does not seem to work.

var floors = ["<label>Ground</label>", "<label>First</label>"], AND

document.createTextNode('<label> + floors[flooring] +'</label>');

Is there anyway possible to add html tags to these variable in javascript. Please help.

TextNodes contain text, not HTML. But you can do var el = document.createElement('label'); el.innerHTML = floors[flooring]; (assuming flooring is a numeric index) — blex
– blex, Commented Apr 3, 2021 at 7:30

tdy · Accepted Answer · 2021-04-03 07:35:20Z

1

Instead of createTextNode(), use createElement() and set its innerHTML:

var label = document.createElement('label');
label.innerHTML = floors[flooring];

answered Apr 3, 2021 at 7:35

tdy

42k42 gold badges124 silver badges125 bronze badges

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

1 Comment

Madhu Over a year ago

Thank you, this was simple and worked best.

Som Shekhar Mukherjee · Accepted Answer · 2021-04-03 07:31:53Z

0

You can do this using innerHTML.

const elements = [
  "<h1>First</h1>",
  "<h1>Second</h1>",
  "<h1>Third</h1>",
  "<h1>Fourth</h1>"
]

for (let el of elements) {
  document.body.innerHTML += el
}

answered Apr 3, 2021 at 7:31

Som Shekhar Mukherjee

8,1982 gold badges16 silver badges34 bronze badges

Collectives™ on Stack Overflow

How to pass a html tag inside as variable in javascript?

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related