锚点href中的Javascript:引用"调用"锚标记

时间:2016-01-16 23:42:14

标签: javascript

<a href="javascript: get_a_reference_to_the_a_tag.doSomethingWithIt();">...

我是否有办法在href javascript中获取对锚标记的引用而不向锚标记添加id?

3 个答案:

答案 0 :(得分:0)

您可以在您正在使用的功能中使用thisthis是对元素本身的引用。

编辑:看到href电话太晚了,我以为他正在使用onclick。无论如何,一个工作的例子:

<a href="javascript:void(0);" onclick="myFunction(this);">This is the anchor tag</a>
<script>
function myFunction(anchor) {
    console.log(anchor.innerHTML); // output: This is the anchor tag
}
</script>

答案 1 :(得分:0)

DB1添加到函数调用中,但您需要执行DB2,否则this将引用onclick

this

JSBIN

答案 2 :(得分:0)

最好的方法是将标识符添加为类名或数据属性,您可以将其用作javascript中的选择器(ID不是最佳做法)。如果你真的想使用你的href标签作为选择器,你可以。

HTML:

<a href="a_link_here">

JS:

var myAnchorTag = document.querySelector('[href=a_link_here]')
console.log(myAnchorTag) //your element
console.log(myAnchorTag.href) //'a_link_here'