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

Làm cách nào để đặt mức độ mờ cho một phần tử bằng JavaScript?


Sử dụng độ mờ trong JavaScript để đặt mức độ mờ. Bạn có thể thử chạy đoạn mã sau để đặt mức độ mờ cho một phần tử bằng JavaScript -

Ví dụ

<!DOCTYPE html>
<html>
   <head>
      <style>
         #box {
            width: 450px;
            background-color: gray;
         }
      </style>
   </head>
   <body>
      <p>Click below to set Opacity.</p>
      <button type="button" onclick="display()">Set Opacity</button>
      <div id="box">
         <p>This is a div. This is a div. This is a div. This is a div. This is a div.</p>
         <p>This is a div. This is a div. This is a div. This is a div. This is a div.</p>
         <p>This is a div. This is a div. This is a div. This is a div. This is a div.</p>
      </div>
      <br>
      <script>
         function display() {
            document.getElementById("box").style.opacity = "0.5";
         }
      </script>
   </body>
</html>