首頁 > web前端 > js教程 > javascript怎麼刪除類別名

javascript怎麼刪除類別名

青灯夜游
發布: 2021-12-16 18:50:21
原創
8127 人瀏覽過

javascript刪除類別名稱的方法:1、使用「document.getElementById("id值")」語句根據id值取得指定元素物件;2、使用「元素物件.classList.remove("類別名")」語句刪除指定的類別名稱。

javascript怎麼刪除類別名

本教學操作環境:windows7系統、javascript1.8.5版、Dell G3電腦。

在javascript中,可以利用classList屬性和remove()方法來刪除類別名稱

classList 屬性傳回元素的類別名,作為 DOMTokenList 物件。此屬性用於在元素中添加,移除並切換 CSS 類別。

classList 屬性是唯讀的,但你可以用 add() 和 remove() 方法來修改它。

範例:刪除類別名稱「mystyle」

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">

		<style>
			.mystyle {
				width: 300px;
				height: 50px;
				background-color: coral;
				color: white;
				font-size: 25px;
			}
		</style>
	</head>
	<body>

		<p>点击按钮移除 DIV 元素中的 "mystyle" 类.</p>
		<button onclick="myFunction()">点我</button><br><br>
		<div id="myDIV" class="mystyle">
			我是一个 DIV 元素。
		</div>
		<script>
			function myFunction() {
				var div=document.getElementById("myDIV");
				div.classList.remove("mystyle");
			}
		</script>

	</body>
</html>
登入後複製

javascript怎麼刪除類別名

【相關推薦:javascript學習教學

#

以上是javascript怎麼刪除類別名的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板