如何点击<a>标签时获取其数据？无需显式传参且不使用jQuery

完全不需要显式把href、name这些值硬编码到函数调用里，你说的<a href="link" onclick="myfunc(this)">Secret link</a>就是最简洁的原生JS解决方案，而且完全不用依赖jQuery。

具体实现步骤： #

1. HTML结构：直接把当前元素this作为参数传给onclick里的函数

<a href="https://your-target-url.com" name="secret-link" onclick="myfunc(this)">Secret link</a>

2. JavaScript函数：在函数里通过传入的元素对象，直接获取你需要的属性

function myfunc(element) {
    // 获取href属性（注意：element.href会返回完整绝对URL，若要相对路径可改用element.getAttribute('href')）
    const linkHref = element.href;
    // 获取name属性
    const linkName = element.name;
    // 还能获取链接的文本内容
    const linkText = element.textContent;
    
    // 这里就可以用这些值做任何你需要的操作了
    console.log('链接地址:', linkHref);
    console.log('链接名称:', linkName);
    console.log('链接文本:', linkText);
    
    // 如果你需要阻止链接的默认跳转行为，加上这行
    event.preventDefault();
}

额外补充： #

如果你的链接还有自定义属性（比如data-*属性），也能轻松获取：

<a href="link" name="secret-link" data-item-id="1001" onclick="myfunc(this)">Secret link</a>

在函数里可以这样拿到自定义属性：

const itemId = element.dataset.itemId;

这种方式的好处在于，你不需要每次修改链接的属性都去同步修改函数调用的参数，直接通过元素对象动态获取，代码更灵活也更好维护。

内容的提问来源于stack exchange，提问作者user8661184