javascript – DOM中所有背景图像的列表

前端之家收集整理的这篇文章主要介绍了javascript – DOM中所有背景图像的列表前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
使用 javascript在给定页面上找到所有背景图片的最佳方式是什么?

理想的最终结果将是所有url的数组.

解决方法

//警报(getallBgimages())
function getallBgimages(){
 var url,B= [],A= document.getElementsByTagName('*');
 A= B.slice.call(A,A.length);
 while(A.length){
  url= document.deepCss(A.shift(),'background-image');
  if(url) url=/url\(['"]?([^")]+)/.exec(url) || [];
  url= url[1];
  if(url && B.indexOf(url)== -1) B[B.length]= url;
 }
 return B;
}

document.deepCss= function(who,css){
 if(!who || !who.style) return '';
 var sty= css.replace(/\-([a-z])/g,function(a,b){
  return b.toUpperCase();
 });
 if(who.currentStyle){
  return who.style[sty] || who.currentStyle[sty] || '';
 }
 var dv= document.defaultView || window;
 return who.style[sty] || 
 dv.getComputedStyle(who,"").getPropertyValue(css) || '';
}

Array.prototype.indexOf= Array.prototype.indexOf || 
 function(what,index){
 index= index || 0;
 var L= this.length;
 while(index< L){
  if(this[index]=== what) return index;
  ++index;
 }
 return -1;
}
原文链接:https://www.f2er.com/js/154499.html

猜你在找的JavaScript相关文章