Javascript DOM背景位置getelementbyid()

Javascript DOM background position getelementbyid()?

本文关键字：getelementbyid 位置 DOM 背景 Javascript      更新时间：2023-09-26

我在这里读到我可以使用:

来定位我的div背景图像
var yValue = 20;
document.getElementById('a1').style.backgroundPosition = '0px ' + yValue + 'px';

但是我如何使用JavaScript为body background-position做到这一点，主体是否为getElementById()函数参数采取id = 'bodyname' ?

<!DOCTYPE html>
<html>
<head>
<style>
body
{ 
    background-image: url('image.gif');
    background-repeat: repeat;
    background-attachment:fixed;
    background-position: 77px 100px;
}
</style>
</head>
<body>
</body>
</html>

你可以给body一个id，这没有问题。但是您也可以很容易地通过标记名获得元素。

var bodyElements = document.getElementsByTagName('body');

由于该方法返回一个数组，因此body标记将是第一个元素:

bodyElements[0]

为了使用getElementById选择body，您需要为它添加一个id:

html: 

<body id="bodyid"></body>
javascript: 

var body = document.getElementById('bodyid');
相关文章：