JavaScript Change Text in Div to Bold

To change text in Div to bold using JavaScript, get reference to the div element, and assign element.style.fontWeight property with value of "bold".

Example

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
</head> 
<body>
    <h2>Change Text in Div to Bold in JavaScript</h2>
    <div id="myDiv">
        <p>Paragraph in Div.</p>
        <span>Span in Div.</span>
    </div>
    <br>
    <button type="button" onclick="changeStyle()">Click Me</button>
    <script>
    function changeStyle(){
        var element = document.getElementById("myDiv");
        element.style.fontWeight = "bold";
    }
    </script>
</body>
</html>

Conclusion

In this JavaScript Tutorial, we learned how to change text in a div to bold using JavaScript.