element.removeAttributeNode( attribute )は、「element」に指定した要素から、引数「attribute」に指定した属性オブジェクトを削除するメソッド。
構文
$removedAttribute = $elementNodeReference.removeAttributeNode( attribute );
戻り値
削除した属性オブジェクト（Attrオブジェクト、Attrノード）。
引数
- attribute
- 削除したい属性オブジェクト（Attrオブジェクト、Attrノード）を指定。
サンプル
■■■サンプル■■■
サンプルの動作について
「スタイル属性値を削除」ボタンをクリックすると、ボタンの右横の「■■■サンプル■■■」の文字色が赤色でなくなる。
サンプルのソースコード
JavaScript
<script type="text/javascript">
function sample() {
var $sample = document.getElementById( "sample" );
var $attribute = $sample.getAttributeNode( "style" );
$sample.removeAttributeNode( $attribute );
}
</script>
function sample() {
var $sample = document.getElementById( "sample" );
var $attribute = $sample.getAttributeNode( "style" );
$sample.removeAttributeNode( $attribute );
}
</script>
HTML
<p id="sample" style="color: red;">
<button onclick="sample();">スタイル属性値を削除</button>
■■■サンプル■■■
</p>
<button onclick="sample();">スタイル属性値を削除</button>
■■■サンプル■■■
</p>