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

Question

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

我尝试过：

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);