javascriptでクリックしたリンクテキストを取得するには？

解決済

質問者：sasuke555jp
質問日時：2008/10/27 17:09
回答数：4件

javascriptを用いてクリックしたリンクのテキストを取得するにはどうすればいいでしょうか？

ページ読み込み時(onload)にリンクにonClickイベントをつけてクリックしたときにurlなどを取得することはできるのですが、リンクテキストをどうしても取得できません。

ページ内のそれぞれのリンクタグにそれぞれ異なるid要素をつけられればよさそうなのですが。。。

ページ内のリンクタグにidがついていないことしてください。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (4件)

ベストアンサー優先
最新から表示
回答順に表示

No.3ベストアンサー

回答者： _pipi_
回答日時：2008/10/27 18:41

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

- 0
- 件

通報する

この回答へのお礼

うまく　abc　を取得することができました。
リンクを増やしてもそれぞれうまくとることができました。
ありがとうございます。

通報する

お礼日時：2008/10/27 20:17

No.4

回答者： LegaC2
回答日時：2008/10/27 18:52

No.1です。

勘違いしていたみたいですね。

No.2さんの言うとおり、欲しいのは、innerTextの方ですよね。

- 0
- 件

通報する

この回答へのお礼

No3さんの回答でうまく取得することができました。

通報する

お礼日時：2008/10/28 12:22

No.2

回答者： fujillin
回答日時：2008/10/27 18:33

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>

- 0
- 件

通報する

この回答へのお礼

できそうな感じだったのですが、試してみるとundefindとなってしまい取得できませんでした。

通報する

お礼日時：2008/10/28 12:21

No.1

回答者： LegaC2
回答日時：2008/10/27 18:30

こういうことですか？

間違っていたらごめんなさい

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