How to Change Border Width of Div in JavaScript?

Javascript >   DOM Manipulation >   Introduction to DOM  

Long Question

311


Answer:

JavaScript – Change the Border Width of Div

To change the border width of a div using JavaScript, get reference to the element, and assign required width value to the element.style.borderWidth property.


<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
</head> 
<body>
    <h2>Change Border Width of Div in JavaScript</h2>
    <div id="myDiv" style="border:2px solid green">
        <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.borderWidth = "5px";
    }
    </script>
</body>
</html>


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.




Join Our telegram group to ask Questions

Click below button to join our groups.