【jQuery】｢removeAttr｣でelement.styleを消す方法
こんにちは。
WEBデザイナー兼プロ格闘家のショウイチです。
今日は、JavaScriptやjQueryを使ってHTMLの各要素に［style属性］が書き加えられた際に、その追加された［style属性］をjQueryの［removeAttr］を使用して削除する方法を紹介します。
removeAttr
removeAttrを使用すると、指定した要素から属性を削除することができます。
例えば、
<body>
<head></head>
<main style="height: auto;"></main>
<footer></footer>
</body>
mainにかかっている［style属性］を削除したい場合は、以下のようにと記述してください。
$('main *').removeAttr('style');
「*」で「main」の要素を全て取得します。
このremoveAttrは［id］や［class］の設定を解除したい場合にも使えます。
その場合は、以下のように記述して下さい。
// idを削除する場合
$("main").removeAttr("id");
// classを削除する場合
$("main").removeAttr("class");
自分の意図しない部分でHTMLの要素に［style属性］が書き加えられた際の応急処置として利用できますね。
是非参考にしてみてください。
それでは本日はここまで、また次回！
jQueryを学ぶならこの本がおすすめ。初心者でも分かりやすく解説してくれています。
とことん丁寧×ステップアップ解説。だから、知識ゼロからでも本当によくわかる!jQueryをこよなく愛するトップクリエイターが基本的な仕組みから、実務で活かせる珠玉のテクニックまでを徹底詳解!経験に裏付けられた「わかりにくいポイント」を押さえた解説だから確かな基礎力と、実務で活かせる実践力を身につけられる!
NEW POST
-
HEX, CMYK, RGB 変換出力
-
403エラー｜海外からWordPressのアクセスできない時の対処（ロリポップ）
-
スクショでHP全体を撮る方法（Mac）
