javascript怎麼刪除類別名
- 青灯夜游原創
- 2021-12-16 18:48:318033瀏覽
javascript刪除類別名稱的方法：1、使用「document.getElementById("id值")」語句根據id值取得指定元素物件；2、使用「元素物件.classList.remove("類別名")」語句刪除指定的類別名稱。
本教學操作環境：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怎麼刪除類別名的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
上一篇：javascript怎麼反轉數組下一篇：javascript怎麼反轉數組