Cách thiết lập vị trí trái (left) của phần tử định vị với JavaScript

Thuộc tính left đặt vị trí trái của phần tử có position là absolute, relative, fixed hoặc sticky. Đối với absolute, nó so với ancestor gần nhất có position không phải static.

Ví dụ minh họa

Nhấn nút để di chuyển nút bấm sang phải 150px:

<!DOCTYPE html>
<html>
<head>
  <style>
    #myID { position: absolute; }
  </style>
</head>
<body>
  <h1>Tiêu đề 1</h1>
  <p>Đây là văn bản demo.</p>
  <button type="button" id="myID" onclick="display()">Thay đổi vị trí trái</button>
  <script>
    function display() {
      document.getElementById("myID").style.left = "150px";
    }
  </script>
</body>
</html>

Lưu ý

• Nếu position: static (mặc định), left không có tác dụng.
• Giá trị: auto (mặc định), độ dài (px, em, %), hoặc inherit.
• Kết hợp với top, right, bottom để định vị chính xác.