<script type="text/javascript"> window.onload = function(){ var linkID = "contact_form"; // リンクを設定するタグのID var linkURL = "contact.html"; var baseTag = document.getElementById(linkID); var link1 = baseTag.firstChild.nodeValue; var aTag = document.createElement("a"); aTag.href = linkURL; aTag.appendChild(document.createTextNode(link1)); baseTag.replaceChild(aTag, baseTag.firstChild); } </script> --------------------- <li id="contact_form"> お問い合わせはコチラ </li>
上記のようなコードでliをクリックした時に contact.htmlへ遷移するように設定したのですが、複数リンクを設定するのにjavascriptは どのように書けばよろしいでしょうか?
完成形は下のようなHTMLコードです。
<div id="top-nav"> <ul> <li id="contact_form1">お問い合わせ1</li> <li id="contact_form2">お問い合わせ2</li> <li id="contact_form3">お問い合わせ3</li> <li id="contact_form4">お問い合わせ4</li> <li id="contact_form5">お問い合わせ5</li> <li id="contact_form6">お問い合わせ6</li> </ul> </div>
すいません、私の説明足らずでしたので追記させていただきます↓
liのリンクはそれぞれ別の飛び先になります。
私がサンプルで書いた内容ですと
●「contact_form」と言うIDがついてるものは「contact.html」へリンク
ですが、↑の設定を活かしたままで
●『contact_form2』のIDがついたliをクリックした時『contact2.html』へリンクする
と言うリンク設定を増やしていきたい場合にはどうすればよいでしょうか?
さらに追記しました
<script type="text/javascript"> window.onload = function(){ var linkID = "contact_form"; // リンクを設定するタグのID var linkURL = "contact.html"; var baseTag = document.getElementById(linkID); var link1 = baseTag.firstChild.nodeValue; var aTag = document.createElement("a"); aTag.href = linkURL; aTag.appendChild(document.createTextNode(link1)); baseTag.replaceChild(aTag, baseTag.firstChild); } </script> <div id="top-nav" class=""> <ul id="fixed-nav"> <li id="contact_form">お問い合わせはコチラ</li> <li id="privacypolicy">プライバシーポリシー</li> </ul> </div>
何度もすいません、あくまでサンプル用だったのでリンク先の名前などアテで行ってましたが、かえって混乱させてしまい申し訳ありません。。
上記が正規コードです、このコードでプライバシーポリシーのリンク設定をどのようにすればいいかご教授お願い致します。飛び先は「privacypolicy.html」にする予定です。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/05/01 10:29
2018/05/01 10:41
2018/05/01 10:54
2018/05/01 11:01
2018/05/01 11:12
2018/05/01 11:18
2018/05/01 11:23
2018/05/01 11:35
2018/05/01 11:48
2018/05/01 11:52 編集
2018/05/01 12:38
2018/05/01 12:51