Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimana untuk menukar atribut elemen dalam JavaScript

Bagaimana untuk menukar atribut elemen dalam JavaScript

青灯夜游
青灯夜游asal
2021-11-08 11:29:582096semak imbas

Cara menukar atribut elemen dalam JavaScript: 1. Gunakan pernyataan "elemen object.attribute = new value" 2. Gunakan pernyataan "element object.setAttribute('attribute','attribute value')" .

Bagaimana untuk menukar atribut elemen dalam JavaScript

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

JavaScript untuk menukar atribut elemen

1. Gunakan pernyataan "元素对象.attribute = new value"

Contoh : Mengubah suai nilai atribut src elemen a1f02c36ba31691bcfe87b2722de723b:

<img id="myImage" src="smiley.gif">

<script>
document.getElementById("myImage").src = "landscape.jpg";
</script>

Kaedah 2: Gunakan fungsi setAttribute()

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

Tatabahasa: 元素对象.setAttribute('属性','属性值');

<div>hello</div> 
<div id="box">欢迎来到PHP中文网!</div> 
<script type="text/javascript">
	var box=document.getElementById("box");
	box.setAttribute(&#39;style&#39;,&#39;color:red;border:1px solid #008000&#39;);
	// 给box元素设置的是行内样式
</script>

[Pembelajaran yang disyorkan: Tutorial lanjutan javascript]

Atas ialah kandungan terperinci Bagaimana untuk menukar atribut elemen dalam JavaScript. 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