本文目录一览：
- 1、如何用JS获取一个Img的src并判断是否为空？
- 2、JS如何获取页面内所有的标签元素?
- 3、javascript 获取img简单问题
- 4、js获取a标签下img的图片路径
- 5、JS获取某DIV区域内图片或带ID属性的IMG图片代码
如何用JS获取一个Img的src并判断是否为空？
if(document.getElementById(‘img’).src==”){} //方法一
if(document.getElementById(‘img’).src){} //方法二
JS如何获取页面内所有的标签元素?
使用以下关键代码：
1、简单的HTML页面，放入一些img标签：
2、页面载入完成后，读取img标签：
3、展示页面：
4、打开开发者模式，浏览器console：（已读取）
5、错误分析，getElementByTagName：（少了一个s，Elements）
扩展资料：
getElementsByTagName() 特性：
这方法会忽略文档的结构。假如希望查找文档中所有的 p 元素，getElementsByTagName() 会把它们全部找到，不管 p 元素处于文档中的哪个层次。
这方法会提供任何所需要的 HTML 元素，不论它们在文档中所处的位置。
1、getElementsByTagName() 方法会使用指定的标签名返回所有的元素（作为一个节点列表）
2、getElementsByTagName() 这方法可查找整个 HTML 文档中的任何 HTML 元素。
javascript 获取img简单问题
firefox的节点和ie下是不一样的，就算是空格也是一个节点。
for(var i=0;id.length;i++){
alert(d[i].firstChild.nodeName);
alert(d[i].firstChild.firstChild.src);
}
你往这里面加上alert(d[i].firstChild.nodeName);这句，在firefox下打印出来，会发现这个对象不是A而是text。
所以应该写成这样：
var d = document.getElementById(‘list’).getElementsByTagName(‘li’);
for(var i=0;id.length;i++){
var obj = d[i].childNodes;
for(var j=0;jobj.length;j++)
{
if(obj[j].nodeName==”A”)
{
alert(obj[j].firstChild.src);
}
}
}
保证你取到的节点是A后再取它的子节点img。
当然，因为你的a下面没有空格只有img，所以上面的代码执行的是正确的，如果中间有空格，就还是需要再做判断。
js获取a标签下img的图片路径
js获取图片名称
img id=”image01″ src=”images/default/logo.gif” /
script type=”text/javascript”
var s=document.getElementByIdx_x_x_x(“image01”).src;
alert(s.substring(s.lastIndexOf(“/”)+1)); –lastindexof()找到所要找的字符的位置,
–substring()获取指定位置以后(从左向右)的字符值
–这句话得到的值为logo.gif
/script
JS获取某DIV区域内图片或带ID属性的IMG图片代码
第一种：
$(function(){
$(“.imgabcdefg img”).css(“width”,”100px”);
})
第二种：
script
$(function(){
$(“.head_menu ul”).find(“li”).each(function(){
$(this).each(function(){
if($(this).attr(“id”)){
alert($(this).html());
//alert($(this).attr(“id”));
}
});
});
})
/script
div class=”head_menu”
ul
lia href=”#”第一个/a/li
li id=”2″a href=”#”第二个/a/li
lia href=”#”第三个/a/li
/ul
/div
原创文章，作者：W60CD，如若转载，请注明出处：https://www.506064.com/n/129947.html
微信扫一扫 
支付宝扫一扫 