How to Change Text in Div to Italic in JavaScript?

Javascript > DOM Manipulation > Introduction to DOM

Long Question

286

Answer:

JavaScript – Change Text in Div to Italic

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


<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
</head> 
<body>
    <h2>Change Text in Div to Italic 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.fontStyle = "italic";
    }
    </script>
</body>
</html>

Go to Question List

This Particular section is dedicated to Question & Answer only. If you want learn more about Javascript. Then you can visit below links to get more depth on this subject.

Javascript Syllabus

Javascript Tutorial

Javascript Programs

JavaScript Interview Questions

# C Tutorials # JAVA Tutorials # HTML Tutorials # Computer Fundamental # Data Structure # DBMS Tutorials SQL # C# Language # R Language # PHP # Python # Vue JS