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

Làm cách nào để đặt vị trí bắt đầu của hình nền trong JavaScript DOM?


Để đặt vị trí bắt đầu của hình nền trong JavaScript, hãy sử dụng backgroundposition bất động sản. Nó cho phép bạn đặt vị trí của hình ảnh.

Ví dụ

Bạn có thể thử chạy đoạn mã sau để tìm hiểu cách đặt tất cả vị trí của hình nền bằng JavaScript -

<!DOCTYPE html>
<html>
   <head>
      <style>
         body {
            background-repeat: no-repeat;
         }
      </style>
   </head>
   <body>
      <button onclick="display()">Click to Set background image</button>
      <script>
         function display() {
            document.body.style.backgroundImage = "url('https://www.tutorialspoint.com/html5/images/html5-mini-logo.jpg')";
            document.body.style.backgroundPosition="top right";
         }
      </script>
   </body>
</html>