如何使用 Javascript 访问严格/显式 href 值？ [复制]

Question

给定以下锚点：

<a class="example" href="record1234">link</a>

如何使用 vanilla Javascript 检索 href 的实际值？

const link = document.querySelector('.example');

console.log(link.href);
// https://exampledomain.com/current/document/path/record1234

console.log(link.pathname)
// /current/document/path/record1234

// with jQuery
$('.example').attr('href');

// what I want to do:
console.log(link.href.string); // record1234

Answer 1

在元素上使用.getAttribute。

const link = document.querySelector('.example');
console.log(link.getAttribute('href'));

<a class="example" href="record1234">link</a>