javascriptでの表示について

質問

他のページの<div><ul></ul></div>の間の文字を拾ってくるjavascriptがあります。

【ベースページ】
<script type="text/javascript">
$(function(){
$("#test").load("https://hoge.ne.jp/read.php#test ul", function(data) {
if(data == null){
$("#test").append("読込みに失敗しました");
}
});
});
</script>

【読み込みページ】
read.php
<div id="test"><ul>
テストです
</ul></div>

【ベースページ】に
<div id="test"></div>
と記載すると、読み込みページの<div><ul></ul></div>の間の文字「テストです」を拾ってきます。

これをjavascript内で表示したいと思います。

<script>
document.write( document.getElementById('read77') );
</script>

では表示されません。
どのように書けば表示されますでしょうか?

回答No.1

ONEONE

>javascript内で表示したい
の意味がよくわかりません。

ところで、生のjsではなくjQueryを使うほうが、いいと思います。
生のjsはブラウザごと実装を変えなくてはいけないことがありますが、jQueryはその際を吸収してくれます。

余談ですが、ulの中にはliしか置けません。

補足

有難うございます。その他のアドバイスも感謝いたします。

>javascript内で表示したい
の意味がよくわかりません。

<script>
document.write( document.getElementById('test') );
</script>

や、一体化した
<script type="text/javascript">
$(function(){
$("#test").load("https://hoge.ne.jp/read.php#test ul", function(data) {
if(data == null){
$("#test").append("読込みに失敗しました");
}
});
});
document.write( document.getElementById('test') );
</script>

上記で抽出できると思っていたところ、できなかったのでこれをどう改造すればいいでしょうか?というのが趣旨です。
(最初の記載の例ではread77と記載しているのは記載ミスです。
test と記載しても抽出ができません。)

分かりにくくて大変申し訳ございません。
よろしくお願いいたします。