Javascript 在chome控制台中尝试返回背景位置值时输入空白

我有一个div，背景图像位于x0px和y0px位置。现在我想在console.log中返回这个值，但控制台显示一个空白条目。我试着保持警惕，结果还是一样

为什么会这样

var myDiv=document.getElementsByClassName（'myDiv'）[0]；
控制台日志（myDiv.style.backgroundPositionY）
.myDiv{
宽度：200px；高度：200px；
背景：蓝色；
背景图片：url(http://www.shunvmall.com/data/out/141/46916550-landscape-pictures.jpeg);
背景重复：无重复；
背景位置：0px 0px；
背景尺寸：封面；
}
元素上的
样式
对象仅直接反映应用于元素的样式。类应用的样式不会显示在那里。要获得这些，请使用
getComputedStyle
（标准）或
currentStyle
（特定于IE）：

标准：

console.log(getComputedStyle(myDiv).backgroundPositionY);

IE特定：

console.log(myDiv.currentStyle.backgroundPositionY);

标准示例：


var myDiv=document.getElementsByClassName（'myDiv'）[0]；
日志（getComputedStyle（myDiv）.backgroundPositionY）
.myDiv{
宽度：200px；高度：200px；
背景：蓝色；
背景图片：url(http://www.shunvmall.com/data/out/141/46916550-landscape-pictures.jpeg);
背景重复：无重复；
背景位置：0px 0px；
背景尺寸：封面；
}
元素上的
样式
对象仅直接反映应用于元素的样式。类应用的样式不会显示在那里。要获得这些，请使用
getComputedStyle
（标准）或
currentStyle
（特定于IE）：

标准：

console.log(getComputedStyle(myDiv).backgroundPositionY);

IE特定：

console.log(myDiv.currentStyle.backgroundPositionY);

标准示例：


var myDiv=document.getElementsByClassName（'myDiv'）[0]；
日志（getComputedStyle（myDiv）.backgroundPositionY）
.myDiv{
宽度：200px；高度：200px；
背景：蓝色；
背景图片：url(http://www.shunvmall.com/data/out/141/46916550-landscape-pictures.jpeg);
背景重复：无重复；
背景位置：0px 0px；
背景尺寸：封面；
}
以下JavaScript可以工作：

var myDiv = document.getElementsByClassName('myDiv')[0],
    _tmp =     window.getComputedStyle(myDiv,null).backgroundPosition.trim().split(/\s+/),
    positions = {
        'left' : _tmp[0],
        'top' : _tmp[1]
    };
console.log(positions, positions.left, positions.top);

以下JavaScript可以工作：

var myDiv = document.getElementsByClassName('myDiv')[0],
    _tmp =     window.getComputedStyle(myDiv,null).backgroundPosition.trim().split(/\s+/),
    positions = {
        'left' : _tmp[0],
        'top' : _tmp[1]
    };
console.log(positions, positions.left, positions.top);

要达到预期效果，请使用下面的

var divElem = document.querySelector('.myDiv');
style = getComputedStyle(divElem)
console.log(style.backgroundPositionY);

代码笔-
要获得预期结果，请使用以下命令

var divElem = document.querySelector('.myDiv');
style = getComputedStyle(divElem)
console.log(style.backgroundPositionY);

Codepen-
.style仅提供应用于元素的内联样式值。有关详细信息，请参见此处：.style仅提供应用于元素的内联样式值。更多信息请参见这里：谢谢，我不知道这个方法。谢谢，我不知道这个方法。