How to Change the Border of Div in JavaScript?

Fill In The Blank
Views 245

Answer:

JavaScript – Change the Border of Div

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


<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
</head> 
<body>
    <h2>Change Border of 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.border = "1px solid red";
    }
    </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