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

回答の条件
  • 1人5回まで
  • 13歳以上
  • 登録:2014/04/15 09:02:16
  • 終了:2014/04/15 11:16:06

ベストアンサー

id:a-kuma3 No.1

a-kuma3回答回数4469ベストアンサー獲得回数18442014/04/15 09:42:53

ポイント200pt

いったん、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);
id:r748

bodyにぶら下げたらできました。ありがとうございます

2014/04/15 11:23:02

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません