javascript - 使用 javascript 获取 nextElementSibling 的属性值

Question

我的html是这样的:

<button onclick="prints(this.nextElementSibling.attributes)">me!</button>
<a href="project/webdev/convert.js"> convert! </a>

prints 函数只是将函数参数输出到控制台日志上。我需要立即找到 anchor 标记旁边的 a 标记的 href 值。即单击按钮时，我需要获取值“project/webdev/convert.js”

“this.nextElementSibling.href”给我“http://127.0.0.1:8080/project/webdev/convert.js”。无论如何我可以得到相对地址吗？即项目/webdev/convert.js。

非常感谢任何帮助。(我不能使用 Jquery，我想用普通的 javascript 来做到这一点)

Answer 1

你可以试试这个:

const btn = document.querySelector('button');
const link = btn.nextElementSibling.getAttribute('href');

btn.addEventListener('click', () => console.log(link));

<button>me!</button>
<a href="project/webdev/convert.js"> convert! </a>