javascript获得图片路径的办法

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.php.cn/upload/article/000/000/024/6167dde0cdd4c763.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.php.cn/upload/article/000/000/024/6167dde0cdd4c763.jpg" />
<script type="text/javascript">
var img=document.getElementById("img");
console.log(img.src);
</script>

输出结果：

【强烈推荐学习培训：javascript高级教程】

以上就是关于javascript如何获取图片的路线的具体内容，大量欢迎关注AdminJS其他类似文章！