テクニック

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

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

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

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

HTMLのソース

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

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

有効になっているhrefを無効にするにはremoveAttribute()メソッドを
利用します。
このメソッドの引数は無効にしたい属性名です。
今回の場合はherfを無効にしたいので、removeAttribute()メソッドに
「"href"」を渡します。

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

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

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

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

当サイトのおすすめ記事

パソコン 1

当サイトは約5年間、さくらのレンタルサーバで運用させて頂きました。 何かトラブルがあったわけではないのですが、WordPressの表示速度を速くしたくてSSD搭載のレンタルサーバーで運用してみることに ...

プログラミング 2

Contents1 SQLでIFを使わずに条件分岐する1.1 1.テーブルとデータの準備1.2 2.条件を分岐させて検索1.3 3.解説 SQLでIFを使わずに条件分岐する SQLでIFを書けばWHE ...

SQLServer 3

SQLServerで発生するエラーコードをSQLで取得する SQLServerで発生したエラーコードの内容を メッセージが定義されているテーブルから取得します。 エラーコードを取得するSQL SQLs ...

4

Contents1 SQLServerでテーブル型を戻り値とする関数を作る1.1 テーブル型を戻り値とする関数の作成1.2 呼び出しかた SQLServerでテーブル型を戻り値とする関数を作る SQL ...

5

Contents1 アフィリエイトで即効成果を出す1.1 自分で買えば確実に成果が上がる1.2 A8.netでは自分で購入してもOKなものがある1.2.1 A8.netにサイトを登録する1.2.2 承 ...

-テクニック
-, , , , , ,

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