特定部分のテキストを取得したい

質問

あるテンプレートに添って作られたページからテキストを取得するブックマークレットを作りたいのですが、
下記のような構造のページから
りんご、みかん、ぶどう、部分のテキストだけ抜き出して取得するにはどうすればいいでしょうか？

<h1 id="hoge">りんご</h1>
～
<span class="fuga">
<a href="test.html">みかん</a>
</span>
～
<div class="piyo">
<dl class="foo">
<dt>xxx</dt><dd>ぶどう</dd>
<dt>xxx</dt><dd>xxx</dd>
<dt>xxx</dt><dd>xxx</dd>
</dl>
</div>

回答No.1

babu_baboo · ベストアンサー

alert (document.querySelector ('#hoge').firstChild.nodeValue);
alert (document.querySelector ('span.fuga > a').firstChild.nodeValue);
alert (document.querySelector ('div.piyo dd').firstChild.nodeValue);

もちろん</body>の手前のスクリプトのなかで。

お礼

ばっちりうまくいきました。助かります。
ありがとうございました。