一度にaタグのhrefの最後尾に任意のURLを追加する

Question

下記のhrefの/hoge/と/fuga/の後に同一のURLを追加する場合の
JavaScriptで一番スマートな書き方ってどうやってかいたら良いでしょうか。

これを

<div>
 <a href="/hoge/"></a>
</div>
<div>
 <a href="/fuga/"></a>
</div>

このように

<div>
 <a href="/hoge/aaa.html"></a>
</div>
<div>
 <a href="/fuga/aaa.html"></a>
</div>

Comments

[kei344]

ご自身で試されたコードを質問文に追記し、「何」が「どのように」わからないのか、コードのどの部分で詰まっているのかなどを具体的に追記されたほうが回答が望めると思います。

Answer 1

https://teratail.storage.googleapis.com/uploads/contributed_images/147b3b63f900962a94dd9a5f3a44265c.gif

document.querySelectorAll('a').forEach(node => console.log(`${node.href}/aaa.html`));

Answer 2

ちょっと状況がわからないのですが、デフォルトが間違ったurlでそれを
javascriptで補完するのでしょうか？そういう運用自体が間違っているのではないですか？

window.addEventListener('DOMContentLoaded', function(e){
  Array.prototype.map.call(document.querySelectorAll('a[href]'),function(x){
    x.href+="aaa.html"
  });
});