如何在 JavaScript DOM 中设置背景图像的起始位置?

要在 JavaScript 中设置背景图像的起始位置，请使用 backgroundposition 属性。它允许您设置图像的位置。

示例

您可以尝试运行以下代码来了解如何使用 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>

相关文章

• Firefox 中的 HTML5 输入类型"number"
• 在 HTML 中创建带矩阵的 JS 径向渐变
• 如何在页面加载 HTML 时将光标(自动对焦)放置在文本框中?
• 如何使用 JavaScript DOM 在一个声明中设置所有背景属性?
• 如何使用 JavaScript 搜索并显示区域的 href 属性的路径名部分?
• 如何在 JavaScript 中搜索图像地图区域的替代文本?
• 如何在 JavaScript 中搜索链接的 type 属性值?
• 如何在 JavaScript 中搜索链接的 target 属性值?
• JavaScript 中 parseFloat() 方法的作用是什么?
• JavaScript 中 some() 方法的用法是什么?

有用资源

• html 参考教程 - 该教程包含有关 html 的更多信息:https://www.cainiaomax.com/html/