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

Làm cách nào để tạo kiểu cho hình nền không lặp lại với JavaScript DOM?


Để tạo kiểu cho hình nền không lặp lại bằng JavaScript, hãy sử dụng backgroundRepeat bất động sản. Nó cho phép bạn đặt hình nền có lặp lại hay không trên một trang.

Ví dụ

Bạn có thể thử chạy đoạn mã sau để tìm hiểu cách tạo kiểu cho hình nền không lặp lại với JavaScript -

<!DOCTYPE html>
<html>
   <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.backgroundRepeat = "no-repeat";
         }
      </script>
   </body>
</html>