javascript怎麼去掉class屬性的值
- 青灯夜游原創
- 2022-02-18 16:28:254641瀏覽
在javascript中，可以利用setAttribute()方法來去掉class屬性的值，只需要使用該函數將class屬性的值設為空字串即可，語法為「元素物件.setAttribute(" class","")」。
本教學操作環境：windows7系統、javascript1.8.5版、Dell G3電腦。
在javascript中，可以利用setAttribute()方法來去掉class屬性的值。
setAttribute() 方法新增指定的屬性，並為其賦指定的值。如果這個指定的屬性已存在，則僅設定/變更值。
只需要使用setAttribute()方法將class屬性的值設為空字串即可移除class屬性的值。
實作範例：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style type="text/css">
.box{
border: 1px solid red;
background-color: pink;
}
</style>
</head>
<body>
<div id="box" class="box">测试文本</div><br>
<button onclick="myFunction()"> 去除class属性的值（去掉样式）</button>
<script type="text/javascript">
function myFunction() {
var div=document.getElementById("box");
div.setAttribute("class","");
}
</script>
</body>
</html>
【相關推薦：javascript學習教學】
#以上是javascript怎麼去掉class屬性的值的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn