Rumah > Artikel > hujung hadapan web > Bagaimana untuk menukar laluan src dalam JavaScript

Bagaimana untuk menukar laluan src dalam JavaScript

青灯夜游asal: 2022-01-18 16:24:365470semak imbas

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");".

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>

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>

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!

JavaScript 对象

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：Bagaimana untuk mencari lilitan bulatan dalam javascriptArtikel seterusnya：Bagaimana untuk mencari lilitan bulatan dalam javascript

Artikel berkaitan

Lihat lagi