HTML内から画面で選択した文字列のIDを取得する方法

質問

こんばんは。
質問させて下さい。

例えば以下のようなHTMLを出力し、
なんらかのタグでNAMEを付けておきます。
－－－＜ＨＴＭＬファイルここから
　　　　　　：
<XXX NAME="ID001"></XXX>ようこそJavaScriptへ。
<XXX NAME="ID002"></XXX>うまく表示されているでしょうか？
<XXX NAME="ID003"></XXX>たまたま表示されているだけでしょうか？
　　　　　　：
<XXX NAME="IDnnn"></XXX>これはテスト文字列です。
　　　　　　：
－－－＜ＨＴＭＬファイルここまで

この時に、「たまたま表示されている」をマウスで範囲選択し、
document.selection.createRange().textや
window.getSelection().toStringなどで文字列を取得して、
XXXタグのNAMEよりID003を拾うには
どういったやり方があるでしょうか？

回答No.1

makoto_u · ベストアンサー

function hoge() {
var ranges = document.selection.createRange();
alert(ranges.parentElement().name);
}

こんな感じのスクリプトを作って
<span NAME="ID003" onmouseup="hoge();">たまたま表示されている。</span>

こんな感じで文字列を<span>タグで囲ってやればどうでしょう

お礼

makoto_uさんご回答ありがとうございます！
頂いたサンプルで実行したところundefinedとアラートが表示されました。
他のサイトでメソッド等の使い方を見ても間違っていないので、
タグを変えたらAタグのみNAME要素が取得出来ました。
P、FONT、B・・・等もundefinedでした・・・。

やはり、ID振ってある文章全体をNAMEを持ったタグで
囲ったほうが簡単そうですね。
アタマの中では正規表現か、
HTMLファイルのBODY内を全部CGI側に送って・・・等を考えておりました。

もう少し触りながら調べてみます。
ありがとうございました！