I am trying to bold a few words inside a paragraph. So far I tried using HTML tags before realizing that doesn't work. Is there a way to do this without getting the element?

var text2_2 = document.createElement("p");
text2_2.className = "reasoning";
text2_2.innerText = "All vitamins are <strong>required</strong> by our ..."

I am trying to bold a few words inside a paragraph. So far I tried using HTML tags before realizing that doesn't work. Is there a way to do this without getting the element?

var text2_2 = document.createElement("p");
text2_2.className = "reasoning";
text2_2.innerText = "All vitamins are <strong>required</strong> by our ..."

• javascript
• html
• css
• dom

• 5 Use innerHTML not innerText – j08691 Commented Feb 16, 2018 at 2:51
• 2 @j08691 what a simple solution. Thank you very much. – ekim420 Commented Feb 16, 2018 at 2:52

1 Answer 1

Since the string contains some HTML in it and to get the effect of that use innerHTML instead of innerText.

var text2_2 = document.createElement("p");
text2_2.className = "reasoning";
text2_2.innerHTML = "All vitamins are <strong>required</strong> by our ..."

document.body.appendChild(text2_2);