如何使用JavaScript设置元素边框的样式?

要设置元素边框的样式,请使用JavaScript中的borderStyle属性。

示例

您可以尝试使用JavaScript以元素边框的样式运行以下代码集-

<!DOCTYPE html>
<html>
   <head>
      <style>
         #newDiv {
            height: 150px;
            width: 150px;
            border: 2px solid #000000;
         }
      </style>
   <body>
      <div id="newDiv">
         Demo Content!
      </div>
      <br>
      <button type="button" onclick="display()">Change border style</button>
      <script>
         function display() {
            document.getElementById("newDiv").style.borderStyle = "dashed";
         }
      </script>
   </body>
</html>