javascript获取图片路径的方法:1、使用getAttribute()函数,语法“图片对象.getAttribute('src')”;2、使用Image对象的src属性
本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。
HTML中,图片是通过img标签的src属性插入的,src属性规定显示图像的URL路径。
利用javascript获取图片路径,就是利用javascript获取img标签的src属性的值。下面介绍两种方法:
方法1:使用getAttribute()函数
getAttribute() 方法通过名称获取属性的值。
语法:图片对象.getAttribute('src')
示例:
<img id="img" src="https://img.022x.com/upload11/2306/162618250.jpg" /> <script type="text/javascript"> var img=document.getElementById("img"); console.log(img.getAttribute("src")); </script>
输出结果:
方法2:使用Image对象的src属性
语法:图片对象.src
示例:
<img id="img" src="https://img.022x.com/upload11/2306/162618250.jpg" /> <script type="text/javascript"> var img=document.getElementById("img"); console.log(img.src); </script>
输出结果:
【推荐学习:javascript高级教程】
作者:青灯夜游
Bootstrap是一种前端开发框架,它由规范的css,javascript插件构成,其最大的优势是响应式布局,使得开发者可以方便的让网页无论...