使用javascript

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”。无论如何我可以改为获得相对地址吗？即project / webdev / convert.js。

Anyhelp将非常感激。（我不能使用Jquery，我想用vanilla javascript做这个）

Answer 1

你可以试试这个：

＆＃13;

＆＃13;

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

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;