如何使用 javascript 找到背景图像 y 偏移量？
我想非常简单。获取背景位置很容易，但获取 Y 位置似乎有点困难。我必须拼接背景位置输出吗？或者有没有更干净的方式来获取价值？
编辑：我能够得到这个，Damien-at-SF答案的javascript版本，但由于某种原因，当我为它执行console.log()时，yResult返回'（空字符串）'。我不认为它实际上是在获取价值。我做错了什么？
var yResult = document.getElementById('sub-image1').style.backgroundPosition;
var a = yResult.split(" ");
var y = parseFloat(a[1]);
Pretty straight forward I suppose. Getting the background position is easy, but just getting the Y position seems to be a bit tougher. Do I have to splice up the background position output? Or is there a cleaner way of getting the value?
EDIT: I was able to get this, the javascript version of Damien-at-SF's answer, but for some reason yResult returns '(an empty string)' when I do a console.log() for it.I don't think it's actually grabbing the value. What am I doing wrong?
var yResult = document.getElementById('sub-image1').style.backgroundPosition;
var a = yResult.split(" ");
var y = parseFloat(a[1]);
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
您可以使用 jQuery 来获得广泛的浏览器支持：
这里的工作示例： http://jsfiddle.net/QagqS/
示例提醒背景图像的 y 位置:)
不使用 JQUERY 进行更新：
对于标准 javascript ( http://jsfiddle.net/QagqS/3/ ），您需要在元素内定义您的 css 内联：
这允许 javascript 选择元素的样式并因此，您可以使用
上面发布的方法...
You could use jQuery for wide browser support:
Working example here: http://jsfiddle.net/QagqS/
That example alerts the y position of the background image :)
UPDATE WITHOUT JQUERY:
For standard javascript ( http://jsfiddle.net/QagqS/3/ ), you need to define your css inline, within the element:
This allows the javascript to pick up on the style of the element and as such you can use the
method posted above...
您可以使用
.style.backgroundPositionY You could use
<element>.style.backgroundPositionY, but i am unsure how widely supported it is.