ぶしみち回答ポイント 70ptウォッチ 5

外部CSSや、sytleタグで指定した background-position の値を Javascriptで取得する方法を

教えてください。

<style type="text/css">

#hogehoge{
background-image: url('/hogehoge.gif');
background-position: 10px 10px;
}

</style>

elem = document.getElementById('hogehoge');

FireFox2 の場合
document.defaultView.getComputedStyle(elem, null)["backgroundPosition"];

上記の方法では、値が取れませんでした（空、空欄）。
backgroungPosition → background-position とかに変えたら
undefined となりました。

IE6の場合
elem.currentStyle["backgroundPosition"];
では、値が取れませんでしたが、backgroundPositionX backgroundPositionY
で値は取れました。

また、background のほかの属性
backgroundImage
backgroundColor
backgroundAttachment
backgroundRepeat
は、IE6 FireFox2 ともに取得できます。

この辺の動作がわかりにくく、仕様の問題なのか
なにか根本的に間違っているのかわかりません。

※ 有料アンケート・ポイント付き質問機能は2023年2月28日に終了しました。
ログインして回答する

みんなの回答

この質問へのコメント

コメントはありません

この質問への反応（ブックマークコメント）

質問の情報

登録日時
2008-06-15 08:02:22
終了日時
2008-06-22 08:05:03
回答条件
1人2回まで

この質問のカテゴリ

この質問に含まれるキーワード

JavaScript2781CSS1755GIF506background-image56IE6534background-position21URL11376background100

人気の質問

メニュー

PC版