質問: 'https://XXXXX.html'; とし、 HTML: 直近のお知らせ リリース(2021.X.X) リリースの概要 履歴 リリース(2021.X.X) リリースの概要 というのを2か所以上で表示したいのですが、HTML側でurlXXを上手く取得できず、ファイルが見つかりませんというエラーになります。 Webの左下のURLの表記もhttps://XXXXX.htmlではなく、url27と表記されています。 簡単にできると思っていたのですが、innerHTML など色々試しても解決できません。 分かる方がいましたら、よろしくお願いします。
回答: 質問文の様にタグの中にjavascriptの変数を埋め込むようなことはできません。 ちゃんと手法さえ知っていれば簡単にできます。 hrefのURLを変更するには、`setAttribute`メソッドを使います。 ただ、変更したい対象のA要素を何らかの手段で判別する必要があります。 ここでは変更対象のa要素に特定のクラスを付与し、`querySelectorAll`で抽出しています。 ``` リンクのURLを変えたいaタグには class="change-url"をつけています。 このリンクのURLは変わります。 このリンクのURLは変わりません。 このリンクのURLも変わります。 ``` ``` var urlXX = "https://teratail.com"; // querySelectorAllでURLを変えたいa要素を取得し、それぞれにsetAttributeでhrefを変更する。 document.querySelectorAll('a.change-url') .forEach( e => { e.setAttribute("href", urlXX); }); ``` codepenでのデモ