いつものしらべてもでてこない

調べた事を書きます

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