cari

Rumah >hujung hadapan web >tutorial js >Bagaimana untuk menetapkan kandungan img dalam javascript

Bagaimana untuk menetapkan kandungan img dalam javascript

青灯夜游
青灯夜游asal
2021-07-26 18:28:535970semak imbas

Kandungan teg img dikawal terutamanya oleh atribut src Dalam JavaScript, anda boleh menggunakan kaedah setAttribute() untuk menetapkan nilai atribut src tag img, dan kemudian menetapkan kandungan img. . Sintaks ialah "img element object.setAttribute("src" ,"nilai atribut"".

Bagaimana untuk menetapkan kandungan img dalam javascript

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

Bagaimana untuk menetapkan kandungan img dalam javascript mentakrifkan imej dalam halaman HTML. Teg

Bagaimana untuk menetapkan kandungan img dalam javascript mempunyai dua atribut yang diperlukan: src dan alt. Atribut src bagi tag

src diperlukan. Ia menentukan URL imej.

Apabila halaman web dimuatkan, penyemak imbas mengambil imej daripada pelayan web dan memasukkannya ke dalam halaman. Oleh itu, pastikan imej berada pada titik yang sama dengan halaman web yang berkaitan, jika tidak, pelawat mungkin mendapat ikon pautan yang rosak. Jika penyemak imbas tidak dapat mencari imej, ia akan memaparkan ikon pautan yang rosak.

javascript menetapkan kandungan img

Dalam javascript, anda boleh menggunakan kaedah setAttribute() untuk menetapkan kandungan img.

kaedah setAttribute() menambah atribut yang ditentukan dan memberikannya nilai yang ditentukan. Jika sifat yang dinyatakan ini sudah wujud, nilai hanya ditetapkan/diubah.

Contoh: 

<!DOCTYPE html>
<html>
<body>

<img  src="img/1.jpg"    style="max-width:90%"/ alt="Bagaimana untuk menetapkan kandungan img dalam javascript" >

<p id="demo">点击按钮来改变img标签的内容。</p>

<button onclick="myFunction()">试一下</button>

<script>
function myFunction()
{
document.getElementsByTagName("img")[0].setAttribute("src","img/2.jpg"); 
}
</script>

</body>
</html>

Rendering:

Bagaimana untuk menetapkan kandungan img dalam javascript

[Pembelajaran yang disyorkan: Tutorial lanjutan javascript 】

Atas ialah kandungan terperinci Bagaimana untuk menetapkan kandungan img dalam javascript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

JavaScript html 对象
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 menukar nilai kepada jenis int dalam javascriptArtikel seterusnya：Bagaimana untuk menukar nilai kepada jenis int dalam javascript

Artikel berkaitan

Lihat lagi