Computer >> Máy Tính >  >> Lập trình >> Javascript

Làm cách nào để thiết lập kiểu đường viền của một phần tử bằng JavaScript?


Để đặt kiểu đường viền của phần tử, hãy sử dụng borderStyle thuộc tính trong JavaScript.

Ví dụ

Bạn có thể thử chạy bộ mã sau theo kiểu đường viền của phần tử với 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>