Bagaimana untuk menukar laluan src dalam JavaScript

青灯夜游
Lepaskan: 2022-01-18 16:24:36
asal
5480 orang telah melayarinya

Cara menukar laluan src dalam JavaScript: 1. Gunakan atribut src objek elemen, dengan sintaks "element object.src="new path address";" 2. Gunakan setAttribute(); kaedah, dengan sintaks "objek elemen. setAttribute("src","alamat laluan baharu");".

Bagaimana untuk menukar laluan src dalam JavaScript

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi JavaScript 1.8.5, komputer Dell G3.

JavaScript menukar laluan src

Kaedah 1: Gunakan atribut src bagi objek elemen

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
	</head>
	<body>
		<img  id="img" src="img/1.jpg"    style="max-width:90%"/ alt="Bagaimana untuk menukar laluan src dalam JavaScript" ><br>
		<button onclick="myFunction()">更改src的路径(换图)</button>
		<script>
			function myFunction() {
				var img=document.getElementById("img");
				img.src="img/2.jpg";
			}
		</script>
	</body>
</html>
Salin selepas log masuk

Bagaimana untuk menukar laluan src dalam JavaScript

Kaedah 2: Gunakan kaedah setAttribute()

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
	</head>
	<body>
		<img  id="img" src="img/1.jpg"    style="max-width:90%"/ alt="Bagaimana untuk menukar laluan src dalam JavaScript" ><br>
		<button onclick="myFunction()">更改src的路径(换图)</button>
		<script>
			function myFunction() {
				var img=document.getElementById("img");
				img.setAttribute("src","img/3.jpg");
			}
		</script>
	</body>
</html>
Salin selepas log masuk

Bagaimana untuk menukar laluan src dalam JavaScript

[Cadangan berkaitan : Tutorial pembelajaran JavaScript

Atas ialah kandungan terperinci Bagaimana untuk menukar laluan src dalam JavaScript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!