加入收藏 | 设为首页 | 会员中心 | 我要投稿 银川站长网 (https://www.0951zz.com/)- 云通信、基础存储、云上网络、机器学习、视觉智能!
当前位置: 首页 > 综合聚焦 > 编程要点 > 语言 > 正文

JS中修改src路径的两种方法及代码是啥

发布时间:2023-07-10 13:14:29 所属栏目:语言 来源:
导读:这篇文章主要讲解了“JS中修改src路径的两种方法及代码是什么”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“JS中修改src路径的两种方法及代码是

这篇文章主要讲解了“JS中修改src路径的两种方法及代码是什么”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“JS中修改src路径的两种方法及代码是什么”吧!

JavaScript改变src路径

方法1:利用元素对象的src属性

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

</head>

<body>

<img id="img" src="img/1.jpg" width="300"/><br>

<button onclick="myFunction()">更改src的路径(换图)</button>

<script>

function myFunction() {

var img=document.getElementById("img");

img.src="img/2.jpg";

}

</script>

</body>

</html>

方法2:利用setAttribute()方法

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

</head>

<body>

<img id="img" src="img/1.jpg" width="300"/><br>

<button onclick="myFunction()">更改src的路径(换图)</button>

<script>

function myFunction() {

var img=document.getElementById("img");

img.setAttribute("src","img/3.jpg");

}

</script>

</body>

</html>

到此这篇关于“JS中修改src路径的两种方法及代码是什么”的文章就介绍到这了,更多相关内容请搜索群英网络以前的文章或继续浏览下面的相关文章,希望大家以后多多支持!

(编辑:银川站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!