締切済み

関数内でonclickをさせたい

2009/05/03 17:37

以下に示すような動作をさせたいのですが、手段はあるでしょうか？ご教示の方よろしくお願いいたします。 <html> <head> <script type="text/javascript"> function test1(){ ここでtest2というリンクをクリックしたことにしたい。 document.getElementById("test2").onclickとか勘でやってみたけどダメでした。 } </script> </head> <body> <img src="hoge.jpg" name="test1" onclick="test1();"> <a href="hoge.html" id="test2">test2</a> </body> </html>

shizer
お礼率57% (22/38)

JavaScript
回答数6
ありがとう数0

みんなの回答 （6）
専門家の回答

みんなの回答

think49
ベストアンサー率59% (285/482)

2009/05/11 01:02 回答No.6

質問者さんのHTMLなら以下のコードで動くこと確認しました。 ---- <img src="hoge.jpg" name="test1" onclick="test1();"> <a href="hoge.html" id="test2">test2</a> <script type='text/javascript'> function test1(){ location.href=document.getElementById("test2").href; } </script> ---- > document.getElementById("test2").onclick とか勘でやってみたけどダメでした。 document.getElementById("test2").onclick() は <a href="hoge.html" id="test2">test2</a> にも onclickが定義されていないと働きません。 ---- <img id="test1" src="test.gif" onclick="document.getElementById('test2').onclick();"> <a id="test2" href="test.html" onclick="test2();">test2</a> <script type='text/javascript'> function test2(){ location.href=document.getElementById('test2').href; } </script> ---- これで動きますが、これなら両方とも test2() を実行した方がスマートですね。

vonvonvon
ベストアンサー率0% (0/0)

2009/05/08 14:47 回答No.5

<html> <head> <script type="text/javascript"> window.onload=function(){ document.getElementById("test2").onclick=Test2_wo_click; } function Test2_wo_click(){ window.location="hoge.html"; } function test1(){ document.getElementById("test2").onclick(); } </script> </head> <body> <img src="hoge.jpg" name="test1" onclick="test1();"> <a href="javascript:Test2_wo_click()" id="test2">test2</a> </body> </html>