Rumah >hujung hadapan web >tutorial js >javascript怎么改变src属性值
javascript怎么改变src属性值
- 青灯夜游asal
- 2021-07-16 14:16:238073semak imbas
javascript改变src属性值的方法：1、使用setAttribute()方法，语法“元素对象.setAttribute("src","属性值")”；2、利用HTML DOM的src属性，语法“元素对象.src="属性值"”。
本教程操作环境：windows7系统、javascript1.8.5版、Dell G3电脑。
javascript改变src属性值
方法1：使用setAttribute()方法
setAttribute() 方法添加指定的属性，并为其赋指定的值。
如果这个指定的属性已存在，则仅设置/更改值。
示例：
<!DOCTYPE html>
<html>
<body>
<img src="img/1.jpg" width="200"/>
<p id="demo">点击按钮来改变img标签src属性的值。</p>
<button onclick="myFunction()">试一下</button>
<script>
function myFunction()
{
document.getElementsByTagName("img")[0].setAttribute("src","img/2.jpg");
}
</script>
</body>
</html>效果图：
2、使用HTML DOM对象的src属性
<!DOCTYPE html>
<html>
<body>
<img src="img/1.jpg" width="200"/>
<p id="demo">点击按钮来改变img标签src属性的值。</p>
<button onclick="myFunction()">试一下</button>
<script>
function myFunction()
{
document.getElementsByTagName("img")[0].src="img/3.jpg";
}
</script>
</body>
</html>效果图：
【推荐学习：javascript高级教程】
Atas ialah kandungan terperinci javascript怎么改变src属性值. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：如何理解javascript是动态语言Artikel seterusnya：javascript可以编写网页吗