javascript - 无法动态地将 div 内容复制到 dojo contentpane 中

Question

我正在尝试使用 javascript 动态创建 contentpane，并且我想将另一个 div 的内容复制到此 contentpane 中。

我使用.innerHTML复制内容，但它没有复制整个div内容。它就像屏幕截图一样复制。 JavaScript 功能和菜单无法正常工作。请帮忙。

//creating contentpane in javascript
    Tab = new dijit.layout.ContentPane({
                         id:"Tab",
                         title: "Tab",
                         content: document.getElementById('divID').innerHTML
                    });

    <div id="divID" style="display:none">   
    <div dojoType="dijit.form.DropDownButton" id="menuId">
    <div>Add</div>
    <div dojoType="dijit.Menu">                     
    <div dojoType="dijit.MenuItem" label="add rows" ></div>
    </div>
    </div>
    <table id="primaryTableId">     
    <thead id="invHeaderRow">
    <th id="Col1" class="col1">Col1</th>
    <th id="Col2" class="col2">Col2</th>
    </thead>
    <tbody id="DataRow">
    </tbody>
    </table>
    </div>

Answer 1

使用dojo查询和 将内容替换为内容:query('#divID')

"content: document.getElementById('divID').innerHTML "更改或显示页面中的 HTML 文本，但它不响应 javascript 创建的 HTML 内容，dojo 查询也会处理该 HTML 内容