Bagaimana untuk mengubah suai atribut elemen dalam javascript

Kaedah JS untuk mengubah suai atribut elemen: 1. Gunakan pernyataan "Element Object.setAttribute('Attribute','Attribute Value')" 2. Gunakan "Element Object.style.Attribute Name='Attribute Value ' " pernyataan; 3. Gunakan pernyataan "elemen object.style.cssText='Attribute name: attribute value;'".

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

Javascript mengubah suai atribut elemen

Kaedah 1: Gunakan setAttribute()

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

Sintaks:

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

Contoh:

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

Rendering:

Kaedah 2: Ubah suai

terus melalui objek gaya nod elemen:

元素对象.style.属性名='属性值';

Contoh:

<. 🎜>

Perenderan:

<div>hello</div> 
<div id="box">欢迎来到PHP中文网！</div> 
<script type="text/javascript">
	var box=document.getElementById("box");
	box.style.color=&#39;#fff&#39;;
	box.style.backgroundColor=&#39;#ff6c8c&#39;;
	box.style.padding=&#39;10px&#39;;
</script>

Kaedah 3: Gunakan atribut cssText

Sintaks:

;

元素对象.style.cssText='属性名:属性值;'
Contoh:

Rendering:

<div>hello</div> 
<div id="box">欢迎来到PHP中文网！</div> 
<script type="text/javascript">
	var box=document.getElementById("box");
	box.style.cssText=&#39;color:#fff;background-color:#ffaa00;padding:10px;&#39;;
</script>

[Pembelajaran yang disyorkan:

tutorial lanjutan javascript

]

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