How to Change Font Family of Div in JavaScript?

Fill In The Blank
Views 271

Answer:

JavaScript – Change the Font Family of Div

To change the font family of a div using JavaScript, get reference to the element, and assign required font family value to the element.style.fontFamily property.


<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
</head> 
<body>
    <h2>Change Font Family for Div in JavaScript</h2>
    <div id="myDiv">
        <p>This is a paragraph in Div.</p>
        <span>This is a span in Div.</span>
    </div>
    <br>
    <button type="button" onclick="changeStyle()">Click Me</button>
    <script>
    function changeStyle(){
        var element = document.getElementById("myDiv");
        element.style.fontFamily = "monospace";
    }
    </script>
</body>
</html>

Related Articles:

This section is dedicated exclusively to Questions & Answers. For an in-depth exploration of JavaScript, click the links and dive deeper into this subject.

Go to Question List

Join Our telegram group to ask Questions

Click below button to join our groups.

Ask Question - CSE
Programming Language - PDF