Rumah > hujung hadapan web > tutorial js > Bagaimana untuk mendapatkan laluan imej dalam javascript

Bagaimana untuk mendapatkan laluan imej dalam javascript

青灯夜游
Lepaskan: 2021-10-22 09:20:34
asal
10591 orang telah melayarinya

Cara mendapatkan laluan imej dalam JavaScript: 1. Gunakan fungsi getAttribute(), sintaksnya ialah "image object.getAttribute('src')" 2. Gunakan atribut src bagi objek Imej

Bagaimana untuk mendapatkan laluan imej dalam javascript

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

Dalam HTML, imej disisipkan melalui atribut src tag img Atribut src menentukan laluan URL untuk memaparkan imej.

Menggunakan javascript untuk mendapatkan laluan imej adalah menggunakan javascript untuk mendapatkan nilai atribut src tag img. Dua kaedah diperkenalkan di bawah:

Kaedah 1: Gunakan fungsi getAttribute()

kaedah getAttribute() untuk mendapatkan nilai atribut mengikut nama.

Sintaks: 图片对象.getAttribute('src')

Contoh:

<img  id="img" src="https://img.php.cn/upload/article/000/000/024/6167dde0cdd4c763.jpg" / alt="Bagaimana untuk mendapatkan laluan imej dalam javascript" >
<script type="text/javascript">
	var img=document.getElementById("img");
	console.log(img.getAttribute("src"));
</script>
Salin selepas log masuk

Hasil keluaran:

Bagaimana untuk mendapatkan laluan imej dalam javascript

Kaedah 2: Gunakan atribut src bagi objek Imej

Sintaks: 图片对象.src

Contoh:

<img  id="img" src="https://img.php.cn/upload/article/000/000/024/6167dde0cdd4c763.jpg" / alt="Bagaimana untuk mendapatkan laluan imej dalam javascript" >
<script type="text/javascript">
	var img=document.getElementById("img");
	console.log(img.src);
</script>
Salin selepas log masuk

Hasil keluaran :

Bagaimana untuk mendapatkan laluan imej dalam javascript

[Pembelajaran yang disyorkan: tutorial lanjutan javascript]

Atas ialah kandungan terperinci Bagaimana untuk mendapatkan laluan imej 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