JavaScript

HTML-AタグのhrefをJavascriptで動的に有効/無効を切り替える。

投稿日:2012/08/07 更新日:

Aタグのhrefの有効無効を切り替える

画面の選択状態によってAタグのhrefを動的に有効/無効を切り替える必要があったので作って見ました。

HTMLのソース

以下は作成したHTMLのソースです。

オブジェクトの属性を無効にするremoveAttribute()

有効になっているhrefを無効にするにはremoveAttribute()メソッドを利用します。

このメソッドの引数は無効にしたい属性名です。

今回の場合はherfを無効にしたいので、removeAttribute()メソッドに「"href"」を渡します。

オブジェクトの属性を有効にするsetAttribute()

removeAttribute()とは逆に属性を有効にするには、setAttribute()に有効にしたい属性とその値を再度設定する必要があります。

今回の場合は「href」を設定し、その参照先のURLを渡しています。

コード的には短いがここに至るまでは結構苦労しました。




-JavaScript
-, , , , , ,

Copyright© ソフトウェア開発日記 , 2018 All Rights Reserved.