将元素添加到 DOM 中的深层元素

Question

我有一个 DOM 我想添加一个元素。这里的问题是我想在 DOM 深处添加元素（在具有特定 class 的元素中）。

我试过了：

document.getElementsByClassName('lm_content')[0].append(iframeDoc)

但它没有添加到文档中...

编辑：

这是我的html

<div class="lm_goldenlayout lm_item lm_root" style="width: 1280px; height: 511px;">
    <div class="lm_item lm_stack" style="width: 1280px; height: 511px;">
        <div class="lm_header" style="height: 20px; overflow: visible;">
            <ul class="lm_tabs">
                <li class="lm_tab lm_active" title="home" style="z-index: 1;">
                    <i class="lm_left"></i>
                    <span class="lm_title">home</span>
                    <div class="lm_close_tab" style="display: none;">
                    </div>
                    <i class="lm_right"></i>
                </li>
            </ul>
            <ul class="lm_controls">
                <div id="plusTab" class="clickable plusTab" style="font-size: 18px;">+</div>
                <li class="lm_close" title="close"></li>
            </ul>
        </div>
        <div class="lm_items" style="width: 1280px; height: 491px;">
            <div class="lm_item_container" style="width: 1280px; height: 491px; display: block;">
                <div class="lm_content" style="width: 1280px; height: 491px;">
                </div>
            </div>
        </div>
    </div>
</div>

Answer 1

如果您实际上正在使用 Jquery。

$(".lm_content").append(iframeDoc)

http://jsfiddle.net/d98vmm15/

Answer 2

jQuery 在可用时使用 document.querySelector。喜欢纯粹的可以试试Javascript.

document.querySelector('.lm_content').appendChild(iframeDoc);

将元素添加到 DOM 中的深层元素

Add element to a deep element in the DOM

javascript

jquery

dom