javascript - 他のタグの onclick イベントを呼び出す

Question

他のハイパーリンクがクリックされたときに、あるタグの onclick イベントを呼び出す必要があります。

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

したがって、タグ 1 の 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>