Rumah >hujung hadapan web >tutorial js >Bagaimana untuk mengubah suai atribut gaya elemen dalam javascript

Bagaimana untuk mengubah suai atribut gaya elemen dalam javascript

青灯夜游asal: 2022-01-26 16:30:5622050semak imbas

Dalam JavaScript, anda boleh menggunakan kaedah setAttribute() untuk mengubah suai atribut gaya Kaedah ini boleh mengubah suai nilai atribut untuk atribut tertentu yang sedia ada Sintaks ialah "elemen object.setAttribute("style",". kod gaya" );".

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

Dalam javascript, anda boleh menggunakan kaedah setAttribute() untuk mengubah suai atribut gaya.

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

Sintaks:

element.setAttribute(attributename,attributevalue)

参数	类型	描述
attributename	String	必需。您希望添加的属性的名称。
attributevalue	String	必需。您希望添加的属性值。

Contoh:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
	</head>
	<body>
		<div id="box" style="background-color: black;color: white;border: 2px solid red;">一个div元素</div><br />
		<button onclick="replaceMessage()"> 修改style属性的值</a>

			<script type="text/javascript">
				function replaceMessage() {
					var div = document.getElementById("box"); 
					div.setAttribute("style","background-color: #FFC0CB;color: black;border: 3px dashed peru;");
				}
			</script>

	</body>
</html>

Bagaimana untuk mengubah suai atribut gaya elemen dalam javascript

[Cadangan berkaitan: Tutorial pembelajaran JavaScript】

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

JavaScript 对象

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 rentetan kepada binari dalam javascriptArtikel seterusnya：Bagaimana untuk menukar rentetan kepada binari dalam javascript

Artikel berkaitan

Lihat lagi