调用其他标签的onclick事件

Question

当某个超链接被点击时，我需要调用一个标签的onclick事件。

<div class="a"><a href=".." onclick=".?." >   // tag1
</div>
<span class="b"><a href=".." onclick="echo('hi');" >   // tag2
</span>

因此，每当tag1的onclick事件被执行时，它应该只调用标签2的onclick事件。我该怎么做呢？(对不起，是Javascript的新手)。

Answer 1

document.getElementsByClassName("a")[0].onclick = function () {
    document.getElementsByClassName("b")[0].children[0].click();
}

这应该就行了。

你也可以使用(我也修复了你的HTML。缺少</a>)：

<div class="a"><a href=".." onclick="document.getElementsByClassName('b')[0].children[0].click();">Link Text</a></div> <!-- Tag 1 -->
<span class="b"><a href=".." onclick="alert('Hi')">Link 2 Text</a></span> <!-- Tag 2 -->

Answer 2

只需编写一个javascript函数即可。并将其附加到onClick处理程序。

<div class="a"><a href=".." onclick="someName()" >   // tag1
</div>
<span class="b"><a href=".." onclick="someName()" >   // tag2
</span>

<script>
  function someName(){
       alert("Hi");
}
</script>

Answer 3

根据您的问题，您希望调用标记1和标记2的相同函数onclick，因此为了简单起见，您可以将相同的onclick函数分配给这两个标记。

<div class="a"><a href=".." onclick="myFunction()" >   // tag1
</div>
<span class="b"><a href=".." onclick="myFunction()" >   // tag2
</span>

或者，如果你想以其他方式调用它，比如tag2上提供了一些内联操作，并且你想从标记1调用它，你可以使用：-

<div class="a"><a href=".." onclick="$('.b').click()" >   // tag1
</div>
<span class="b"><a href=".." onclick="echo('hi');" >   // tag2
</span>