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

Bagaimana untuk menukar atribut elemen dalam JavaScript

青灯夜游
Lepaskan: 2021-11-08 11:29:58
asal
2138 orang telah melayarinya

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 :

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

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

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(&#39;属性&#39;,&#39;属性值&#39;);

<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>
Salin selepas log masuk

[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!

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