【问题标题】:Javascript DOM background position getelementbyid()?Javascript DOM背景位置getelementbyid()?
【发布时间】:2013-03-06 22:24:22
【问题描述】:

我读到here 可以使用以下方法定位我的 div 背景图像:

var yValue = 20;
document.getElementById('a1').style.backgroundPosition = '0px ' + yValue + 'px';

但是我将如何使用 JavaScript 为 body background-position 执行此操作,主体是否将 id = 'bodyname' 用于 getElementById() 函数参数?

<!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') 来获取 body
  • 你的解决方案是 JQuery 吗?我确实尝试从下面的答案中使用这个var bodyElements = document.getElementsByTagName('body');,但它没有用。顺便说一句,我不喜欢 JQeury?
  • 是的,我的解决方案是 Jquery。它可以帮助您跨浏览器:)
  • @Stiger 此页面上的解决方案是否不适用于 Internet Explorer?我实际上并没有检查所有浏览器,但我所做的大部分事情只适用于除 IE 之外的所有其他东西,这很好,因为我们中很少有人再使用 IE。
  • 它适用于 IE9(我的电脑):$('body').click(function() {})

标签: javascript dom getelementbyid background-position


【解决方案1】:

你可以给 body 一个 id,这没有问题。但是您可以通过标记名轻松获取元素。

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

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

bodyElements[0]

【讨论】:

    【解决方案2】:

    要使用 getElementById 选择您的身体,您需要为其添加一个 id:

    html:

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

    javascript:

    var body = document.getElementById('bodyid');
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2014-12-29
      • 2013-01-06
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多