Javascript 优雅地在 URL 的其余部分前面添加一个 slug？

Question

任何人都可以提供一个优雅的 Javascript 片段来更改像这样的 URL<a href="joebiden" title="Twitter" aria-label="Twitter">Joe</a><a href="berniesanders" title="Twitter" aria-label="Twitter">Bernie</a>对于类似这样的 URL：<a href="https://twitter.com/joebiden" title="Twitter" aria-label="Twitter">Joe</a><a href="https://twitter.com/berniesanders" title="Twitter" aria-label="Twitter">Bernie</a>这样 twitter URL 就被添加到前面了吗？

Answer 1

此代码段查找值为“Twitter”的<a>元素，并将“ https://twitter.com/ ”添加到现有值之前。aria-labelhref

for (let a of Object.values(document.getElementsByTagName('a'))) {

  if (a.getAttribute('aria-label') === 'Twitter') {

    a.setAttribute('href', 'https://twitter.com/' + a.getAttribute('href'))

  }

}

// Show results

for (let a of Object.values(document.getElementsByTagName('a'))) {

    console.log(a.getAttribute('href'));

}

<a href="joebiden" title="Twitter" aria-label="Twitter">Joe</a>

<a href="berniesanders" title="Twitter" aria-label="Twitter">Bernie</a>