- ベストアンサー
javascriptでクリックしたリンクテキストを取得するには？
javascriptを用いてクリックしたリンクのテキストを取得するにはどうすればいいでしょうか？ ページ読み込み時(onload)にリンクにonClickイベントをつけてクリックしたときにurlなどを取得することはできるのですが、リンクテキストをどうしても取得できません。 ページ内のそれぞれのリンクタグにそれぞれ異なるid要素をつけられればよさそうなのですが。。。 ページ内のリンクタグにidがついていないことしてください。
- sasuke555jp
- お礼率41% (36/86)
- JavaScript
- 回答数4
- ありがとう数4
- みんなの回答 （4）
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
<html> <body> <a href="#">abc</a> <script> document.body.onclick=mess; function mess(e){var o=e?e.target:event.srcElement;if(o.tagName=='A') alert(o.innerHTML);} </script>
その他の回答 (3)
- LegaC2
- ベストアンサー率52% (224/428)
No.1です。 勘違いしていたみたいですね。 No.2さんの言うとおり、欲しいのは、innerTextの方ですよね。
お礼
No3さんの回答でうまく取得することができました。
- fujillin
- ベストアンサー率61% (1594/2576)
onClickイベントは使用してもよいのですよね？ 以下のようなのではいかがでしょうか？ <html> <head> <script type="text/javascript"> function test(e){ alert("text=" + e.innerText + " link=" + e.href); } </script> </head> <body> <a href="***1.html" onclick="test(this)">リンク1</a><br> <a href="***2.html" onclick="test(this)">リンク2</a><br> <a href="***3.html" onclick="test(this)">リンク3</a><br> <a href="***4.html" onclick="test(this)">リンク4</a><br> </body> </html>
お礼
できそうな感じだったのですが、試してみるとundefindとなってしまい取得できませんでした。
- LegaC2
- ベストアンサー率52% (224/428)
こういうことですか？ 間違っていたらごめんなさい <html> <head> <title>test</title> <script type="text/javascript"> function DisplayLinkURL( obj ) { alert( obj.href ); } </script> </head> <body> <a href="http://www.yahoo.co.jp/" onclick="DisplayLinkURL(this)">yahoo</a> <br> <a href="http://www.google.co.jp/" onclick="DisplayLinkURL(this)">google</a> </body> </html>
お礼
これはURLのですね
お礼
うまく abc を取得することができました。 リンクを増やしてもそれぞれうまくとることができました。 ありがとうございます。