Javascript 如何获取网站的所有src和href属性
我想要一种在网站中获取所有src和href属性(如图像和链接)的方法。我如何用javascript制作这个? 我试试这个: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
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
}
});