0

divの背景画像のxposをconsole.logに記録するための簡単なスクリプトがありますが、コンソールには空白が表示されます。

これは私が持っているものです:

    var d = document.getElementById('div');
    console.log(d.style.backgroundPosition); //shows a blank line
    console.log(d.style.backgroundPosition.xpos); //undefined (obviously)

なぜ backgroundPosition が空白になるのか不思議です。

div の CSS は次のとおりです。

 #div{
    background-image: url('test.png');
    background-repeat: no-repeat;
    width:50px;
    height:50px;
    background-position: 0px 0px;
 }

要求された html:

<body>   
    <div id="div"></div>
</body>

何か案は ？

4

1 に答える 1