要素の属性を削除する JS removeAttribute() メソッド

JavaScript では、要素の removeAttribute() メソッドを使用して、指定された属性を削除します。使用方法は次のとおりです。
属性を削除します(名前)

パラメータ名は要素の属性名を示します。

例1

次の例は、テーブルの境界線を動的に設定する方法を示しています。

<スクリプト>
  window.onload = function () { //ページが読み込まれたときにイベント ハンドラー関数をバインドします var table = document.getElementByTagName("table")[0]; //テーブル フレームへの参照を取得します var del = document.getElementById("del");
    var リセット = document.getElementById("リセット");
    del.onclick = 関数（）{
      テーブルに境界線属性を追加します。
    }
    reset.onclick = 関数（）{
      テーブルに属性を設定します("境界線", "2");
    }
</スクリプト>
<テーブルの幅="100%" 境界線="2">
  <tr>
    <td>データテーブル</td>
  <tr>
</テーブル>
<button id="del">削除</button><button id="reset">復元</button>

上記の例では、2 つのボタンが設計され、異なるイベント処理関数にバインドされています。「削除」ボタンをクリックすると、テーブルの removeAttribute() メソッドが呼び出され、テーブルの境界線がクリアされます。また、「復元」ボタンをクリックすると、テーブルの setAttribute() メソッドが呼び出され、テーブルの厚さがリセットされます。

例2

次の例は、クラス削除関数をカスタマイズし、関数を呼び出して指定されたクラス名を削除する方法を示しています。

<スクリプト>
  function hasClass (element, className) { //クラス名検出関数 var reg = new RegExp ('(\\s|^)' + className + '(\\s|$)');
    return reg.test (element, className); // 正規表現を使用して同じスタイルがあるかどうかを確認します}
  関数deleteClass（要素、クラス名）{
    if (hasClass (要素、クラス名)) {
      element.className.replace (reg, ' '); //削除するスタイルをキャプチャし、空の文字列に置き換えます}
  }
</スクリプト>
<div id="red" class="red blue bold">ボックス</div>
<スクリプト>
  var 赤 = document.getElementById("赤");
  クラスを削除します (赤、'青');
</スクリプト>

上記のコードでは、正規表現を使用して、className 属性値の文字列に指定されたクラス名が含まれているかどうかを検出します。存在する場合は、一致した部分文字列が空の文字列に置き換えられ、クラス名を削除するという目的が達成されます。

removeAttribute メソッドと removeAttributeNode メソッドの相違点と類似点

属性を削除する

指定された名前の属性をノードから削除します。以下は例です

document.getElementById('riskTypePie').removeAttribute("スタイル");

属性ノードの削除
注意: この方法は IE と互換性がありません。

方向：

属性を削除したい要素を取得します
要素から削除する属性を取得します
<要素>.removeAttributeNode<属性>

var ノード = document.getElementById('chartWrap');
var attr=n.getAttributeNode('style');
ノードから属性を削除します。

類似点と相違点

類似点

どちらの方法もノード属性を削除するために使用されます
両方のメソッドの呼び出し元はラベルノードのみです。

違い

removeAttribute メソッドは、削除する属性の名前を受け取ります。
removeAttributeNode メソッドは、削除する属性ノードを受け取ります。

要素の特定の属性を削除する JS removeAttribute() メソッドに関するこの記事はこれで終わりです。要素の属性を削除する JS removeAttribute() の詳細については、123WORDPRESS.COM の以前の記事を検索するか、次の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。

以下もご興味があるかもしれません: