JavaScript如何获取;a「;单击时标记?
你好!例如,我有以下代码:JavaScript如何获取;a「;单击时标记?,javascript,onclick,Javascript,Onclick,你好!例如,我有以下代码: <a href="link" onclick="myfunc()">Secret link</a> 如果不在myfunc('link','name')中明确定义onclick事件,如何将其值(如:href和name)传输到onclick事件? 也许有这样的情况: <a href="link" onclick="myfunc(this)">Secret link</a> 另外,我不使用JQuery 也许,有点像
<a href="link" onclick="myfunc()">Secret link</a>
如果不在myfunc('link','name')中明确定义onclick事件,如何将其值(如:href和name)传输到onclick事件?
也许有这样的情况:
<a href="link" onclick="myfunc(this)">Secret link</a>
另外,我不使用JQuery
也许,有点像
<a href="link" onclick="myfunc(this)">Secret link</a>
将列出htmlanchoreElement
的属性。如果您在元素中包含其他信息(例如)(或者您希望使用原始href
,而不是解析的信息),请通过getAttribute
方法(,)获取这些信息
但是,由于它是一个链接,如果您对点击它做出响应,您可能还希望阻止链接的默认操作(在链接之后)。为此,您需要将
return
添加到onclick
中,并且returnfalse处理程序中的代码>。实例:
函数myfunc(链接){
log(“href属性:+link.href”);
console.log(“href属性:”+link.getAttribute(“href”);
返回false;
}
如何将其值(如:href和name)传输到onclick
事件,而不在myfunc('link','name')中显式定义它
使用getAttribute
和innerText
function myfunc( thisObj )
{
var link = thisObj.getAttribute( "href" );
var name = thisObj.innerText;
}
然后用onclick
<a href="link" onclick="myfunc(this)">Secret link</a>
您可以使用getAttribute
函数myfunc(elem){
console.log(elem.getAttribute('id'))
}
是的,就是那个。“也许,有类似的东西”-就是那个。你试过了吗?最好不要使用内联事件。可能是几年前我试过的,但没有效果XD@user8661184当前位置我第一次使用它是在1996年。至少在那时起作用了。
<a href="link" onclick="myfunc(this)">Secret link</a>
document.querySelector( "a" ).addEventListener( "click", function( event ){
event.preventDefault(); //to prevent default action of link click
var link = this.getAttribute( "href" );
var name = this.innerText;
});