人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

javascriptについてです。Ajax.Requestメソッドとかで取得したhtmlファイルにgetElementByIdメソッドを使うにはどうすればいいですか?

●質問者: r748
●カテゴリ:ウェブ制作
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● a-kuma3
●200ポイント ベストアンサー

いったん、document のどこかに DOM のインスタンスとしてぶら下げておいて getElementById メソッドで探します。
取得した HTML の内容が見えてしまっては困るようなら、見えないようその下にぶら下げます。

 // 例えば...
 var s = 
 "<ul>" +
 "<li id='item_1'>ITEM 1</li>" +
 "<li id='item_2'>ITEM 2</li>" +
 "<li id='item_3'>ITEM 3</li>" +
 "<li id='item_4'>ITEM 4</li>" +
 "</ul>";

 // HTML を抱える要素を作る
 var container = document.createElement("div");
 container.style.display = "none"; // 見えないようにしておく

 // HTML の内容を DOM で構築
 container.innerHTML = s;

 // BODY にぶら下げる
 document.body.appendChild(container);

 // getElementById で探す
 var e = document.getElementById("item_3");
 console.log(e.innerHTML);

 // 取っておく必要が無いのであれば、生成した DOM を削除しておく
 document.body.removeChild(container);

r748さんのコメント
bodyにぶら下げたらできました。ありがとうございます
関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ