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

公開日: : 最終更新日:2013/12/12 テクニック , , , , , ,

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

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

HTMLのソース

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

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

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

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

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

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

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

スポンサーリンク
  • このエントリーをはてなブックマークに追加
  • 14 follow us in feedly

関連記事

no-img

「===」で値だけではなく型の一致もチェック

Javascriptで値だけではなく方の一致もIF文でチェックする ふと、とあるソースを眺めている

記事を読む

no-img

JavascriptでJavaの配列を扱う方法

JavascriptでJavaのint[]の配列を扱う JavascriptからJavaで作成した

記事を読む

keybord_black

Javscriptでイベントを追加する

Javscriptで既存のイベントに処理(関数)を追加する すでにあるイベントに処理(関数)を追加

記事を読む

calender

Javascriptで日付から曜日を求める

Javascriptで日付から曜日を求める Javascriptで指定された日付の曜日を取得します

記事を読む

no-img

JavascriptでTABLEタグに行を追加、削除する

TABLEタグに行を追加、削除する Javascriptを使ってHTML上のテーブルに行を追加

記事を読む

no-img

POSTをしても新しい画面が開かない方法

formをPOSTすると新しい画面が開いてしまう showModalDialogで開いた画面でfo

記事を読む

keybord_black

モーダルダイアログを画面中央に表示する

モーダルダイアログを画面中央に表示 JavaScriptでモーダルダイアログを表示するには 「s

記事を読む

no-img

Javascriptでメッセージボックスを表示する

メッセージボックスを表示 画面にJavascriptでメッセージボックスを表示します。 久々にJ

記事を読む

no-img

ブラウザーに印刷プレビューボタン作成

ブラウザーに印刷プレビューボタンを作成する Internet Explorer(IE)で印刷プレビ

記事を読む

a0001_013635

ブラウザの閉じるボタンが押下された時の制御

ブラウザの閉じるボタン(「×」)が押下された時のイベント ブラウザの閉じるボタンが押下された時の制

記事を読む

keybord_black
Javascriptの変数は初期化して使わないとundefinedになるので要注意

どんな言語もローカル変数は初期化して使うのが良い Javascrip

a0001_013635
ブラウザの閉じるボタンが押下された時の制御

ブラウザの閉じるボタン(「×」)が押下された時のイベント ブラウザの

no-img
Javascriptでメッセージボックスを表示する

メッセージボックスを表示 画面にJavascriptでメッセージボッ

no-img
JavascriptでJavaの配列を扱う方法

JavascriptでJavaのint[]の配列を扱う Javasc

a0001_013635
Javascriptで開いた子画面から親画面の関数を呼び出す

子画面から親画面の関数を呼び出す Javascriptで開いた子画面

→もっと見る



PAGE TOP ↑