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

Làm cách nào để đặt loại phương pháp định vị được sử dụng cho một phần tử bằng JavaScript?


Để đặt vị trí, hãy sử dụng vị trí thuộc tính trong JavaScript. Bạn có thể thử chạy mã sau để đặt loại phương pháp định vị được sử dụng cho một phần tử bằng JavaScript -

Ví dụ

<!DOCTYPE html>
<html>
   <head>
      <style>
         #box {
            width: 350px;
            height: 200px;
            background-color: orange;
            border: 3px solid red;
            position: relative;
            top: 20px;
         }
      </style>
   </head>
   <body>
      <p>Click to set the type of positioning method using position property.</p>
      <button type = "button" onclick = "display()">Set Position</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>
      <br>
      <script>
         function display() {
            document.getElementById("box").style.position = "absolute";
         }
      </script>
   </body>
</html>