Javascript 如何获取网站的所有src和href属性

Javascript 如何获取网站的所有src和href属性,javascript,image,web,attributes,src,Javascript,Image,Web,Attributes,Src,我想要一种在网站中获取所有src和href属性(如图像和链接)的方法。我如何用javascript制作这个? 我试试这个: var ilist=document.links; for(var i = 0; i < ilist.length; i++) { if(ilist[i].href) { alert(ilist[i].href) } } var-ilist=document.links; 对于(var i=0;i

我想要一种在网站中获取所有src和href属性(如图像和链接)的方法。我如何用javascript制作这个? 我试试这个:

var ilist=document.links;

for(var i = 0; i < ilist.length; i++) {
   if(ilist[i].href) {
       alert(ilist[i].href)
   }
}
var-ilist=document.links;
对于(var i=0;i

但对于某个东西来说,这是行不通的。只对你有用。我想要所有标签的所有href和所有src。有人能帮我吗?

使用jquery,您可以使用all选择器在所有元素上运行每个元素

$( "*" ).each(function() {
     $(this).attr("src");
});
使用普通JS,您可以执行以下操作: 我们给出的querySelectorAll字符串只是一个普通的CSS选择器

var srcNodeList = document.querySelectorAll('[src],[href]');
for (var i = 0; i < srcNodeList.length; ++i) {
  var item = srcNodeList[i];
    if(item.getAttribute('src') !== null){
         alert(item.getAttribute('src'));
    }
    if(item.getAttribute('href') !== null){
         alert(item.getAttribute('href'));
    }
}
var srcNodeList=document.querySelectorAll('[src],[href]');
对于(变量i=0;i

关键是:

使用jQuery,但必须注意性能

$("[src],[href]").each(function(){
   var $el = $(this);
   if( $el.is("a") ) {
      // do some stuff with A element
   } else if( $el.is("img") ) {
      // do some stuff with A element
   }
 });