javascript - divを解析できるコードは何ですか?

Question

私はそのようなコードを持っています

<div id="product_images_54695_update" class="image-border float-left center cm-reload-54695">
<div class="cm-image-wrap"> 
    <span id="box_det_img_link_54695526fb066709b3_17149" class=" larger-image-wrap center">
        <a id="det_img_link_54695526fb066709b3_17149" class="cm-image-previewer cm-previewer" title="" href="/images/detailed/17/p54695_6768912_fotoapparat_olympus_pen_e_pm2_14_42_mm_kit_flash_a.jpg" rev="preview[product_images_54695526fb066709b3]" rel="preview[product_images_54695526fb066709b3]">
            <img id="det_img_54695526fb066709b3_17149" class=" " border="0" width="200" height="200" title="" alt="" src="/images/thumbnails/17/200/200/p54695_6768912_fotoapparat_olympus_pen_e_pm2_14_42_mm_kit_flash_a.jpg">
        </a>
    </span> 
</div>

私はjsのこの行をテキストとして取り込みたい:

<img id="det_img_54695526fb066709b3_17149" class=" " border="0" width="200" height="200" title="" alt="" src="/images/thumbnails/17/200/200/p54695_6768912_fotoapparat_olympus_pen_e_pm2_14_42_mm_kit_flash_a.jpg">

jqueryまたはネイティブjavascriptでそれを行うことはできますか?

Answer 1

それが DOM のコンテンツである場合は、ID で選択し、 を使用します.outerHTML。

document.getElementById("det_img_54695526fb066709b3_17149").outerHTML;

---

または、その親を選択して を使用します.innerHTML。これは、親の子が 1 つだけであることを前提としています。

document.getElementById("det_img_link_54695526fb066709b3_17149").innerHTML;

Answer 2

使用できます

$("#det_img_link_54695526fb066709b3_17149").html();