Javascriptでbody要素のCSSで指定されている背景画像のURLを取得する。
Javascriptでbody要素のCSSで指定されている背景画像のURLを取得する。
CSS(スタイルシート)で指定されている場合はbackgroundImageを使う。
・関数
関数にするとこんな具合。
var getBgImage = function( element ) {
if( element == null ) {
element = document.body;
}
var url = "";
if( document.defaultView.getComputedStyle ) {
url= document.defaultView.getComputedStyle(document.body null).backgroundImage;
}
else if( element.currentStyle ) {
url= element.currentStyle.backgroundImage;
}
// remove quotes
if( url.match( /^url\(["']?(.*?)["']?\)/i )[1] != null ) {
url = url.match( /^url\(["']?(.*?)["']?\)/i )[1];
}
return url;
};
確認はしていないので注意。
InternetExplorer 6 7 8 9 10, FIrefox 22 23 24, Opera, Safari。
bodyのbgを取得するだけなら一度だけで良いのだが与えられた要素の背景画像も取れるように適当に作ったので、無名関数
(function() {
}) ();
にはしていないがお好きなように。
・参考
背景画像名の取得
http://www.tagindex.com/kakolog/q4bbs/901/1145.html