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功能。

<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>

调用其他标签的onclick事件

3 个答案: