Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimana untuk mengubah suai atribut elemen dalam javascript

Bagaimana untuk mengubah suai atribut elemen dalam javascript

青灯夜游
青灯夜游asal
2021-10-13 11:51:5813048semak imbas

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;'".

Bagaimana untuk mengubah suai atribut elemen dalam javascript

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:


Bagaimana untuk mengubah suai atribut elemen dalam javascript

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>

Bagaimana untuk mengubah suai atribut elemen dalam javascript

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>

Bagaimana untuk mengubah suai atribut elemen dalam javascript[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!

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