How to Clear Inline Style of Div in JavaScript?

Javascript > DOM Manipulation > Introduction to DOM

Long Question

264

Answer:

JavaScript – Clear Inline Style of Div

To clear Inline Style of a div using JavaScript, get reference to the div element, and assign empty string value to the element.style property.

Note: This solution clears only the inline style. Any global styles using style sheets shall be applied to the element.


<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
</head> 
<body>
    <h2>Clear Inline Style Div in JavaScript</h2>
    <div id="myDiv" style="border:1px solid;color:red;">
        <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 = "";
    }
    </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