如何获取img标签的src属性值

Posted 2023-05-09

document.getElementById("ID").src
教你个方法
这样写
var obj=document.getElementById("ID");
alert(obj.src);
然后按F12 进入开发者模式，在第二行代码打上断点
然后刷新页面进入断点 IE的话鼠标右键obj 添加到监视，可以看这个对象所有的属性和方法了
非IE鼠标移动到obj上就会显示 参考技术A Jquery获取：$("img").attr("src")
但实际操作中img标签会有id值吧，直接$("#img标签的id").attr("src")本回答被提问者采纳

jQuery属性操作

jQuery属性操作
　　使用 jq 操作标签的属性

Demo: 1.获取元素的指定属性值
　　attr()可以操作原生属性, 还可以操作自定义的属性
　　prop("属性") : 获取元素指定的属性值(一般用来操作 html 原生的属性)
第一种方式:
$("img").attr("src");
赋值:
$("img").attr("src","test.jpg");
第二种方式:
$("input[type=‘checkbox‘]").prop("checked");
赋值:
$("input[type=‘checkbox‘]").prop("checked",true);

Demo:2. 删除元素的指定属性
$("img").removeAttr("src");

Demo:3. 为元素添加 class 属性
$("p").addClass("selected");
$("p").addClass("selected1 selected1");

Demo:4. 删除元素的指定的 class 属性的值
$("p").removeClass("selected");

Demo:5. 获取指定元素下的 html 内容
$("p").html();

Demo:6. 为指定元素设置新的 html 代码
$("p").html("Hello <b>world</b>!");

Demo:7. 获取指定元素下的文本值
$(‘p‘).text();

Demo:8.替换文本值
$(‘p‘).text("Hello world");

Demo:9. 获取文本框的值
$("input").val();

Demo:10. 替换文本框的值
$("input").val("HelloWorld!");