How can style the element that I bold in JavaScript?

Question

Problem on how to style the append element in javascript. How can style the elemnt that i bold in javascript? try to style it in the javascript but failed to. Can someone help me? How can style this part?

                            let contents = document.createElement('div');
                            contents.innerHTML = **val1.mail_no + ' - ' + val1.mail_subject;**
                          

Answer 1

you can do it by updating style attribute of contents :

contents.style.fontWeight='bold'

Answer 2

document.getElementById( agency_${agoptions.ag_id}_${agoptions.ad_id} ).appendChild(contents).style.fontWeight = "900";

Answer 3

Here are couple of ways you can try

 document.getElementById('one').innerHTML = '<b> Show as bold </b>'; document.getElementById('two').innerHTML = '<span style="font-weight: bold;"> bold again </span>';

 <div id="one">x</div> <div id="two">y</div>

Answer 4

first of all try to avoid using javascript to style elements, but if you have to here is how to do it

1. method 1: declare a class in css

   .bold{font-weight:bold;}

then add

document.getElementById("id of element").classList.add("bold");

2. method 2:

   document.getElementById("id of element").style.fontWeight="bold";