JavaScriptでクラスを削除する方法-フロントエンドQ&A-php.cn

JavaScriptでクラスを削除する方法

WBOY

リリース： 2022-01-19 14:58:16

オリジナル

7286 人が閲覧しました

方法: 1. "document.getElementsByTagName("Element")" ステートメントを使用して、クラスを削除する必要がある要素オブジェクトを取得します。 2. "Element Object.removeAttribute("class")" を使用します。指定された要素のクラスを削除するステートメントです。

JavaScriptでクラスを削除する方法

このチュートリアルの動作環境: Windows 10 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。

JavaScript でクラスを削除する方法

removeAttribute() メソッドは、指定された属性を削除できます

構文は次のとおりです。

element.removeAttribute(attributename)

ログイン後にコピー

Attributename は、削除する属性の名前を指定するために使用されます。

このメソッドには戻り値がありません。

例は次のとおりです。

<html>
<head>
<meta charset="utf-8">
<title>123</title>
    <style>
        .red{
            color:red;
        }
        </style>
</head>
<body>
<h1 class="red">Hello World</h1>
<p id="demo">点击下面的按钮删除上面的标题的样式属性</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction(){
    document.getElementsByTagName("H1")[0].removeAttribute("class"); 
};
</script>
</body>
</html>

ログイン後にコピー

出力結果:

JavaScriptでクラスを削除する方法