Javascript 元素cloneNode（deep）失败，控制台中只给出未定义的错误_Javascript_Html

Javascript 元素cloneNode（deep）失败，控制台中只给出未定义的错误

javascript html

Javascript 元素cloneNode（deep）失败，控制台中只给出未定义的错误,javascript,html,Javascript,Html,我希望运行clondode方法来克隆一系列共享同一类的HTML元素，但由于控制台中给出的未定义错误而失败这是我的HTML： <!DOCTYPE html> <html> <body> <section class="allEnglishSections"> <h2>Conditioning</h2> <table>

我希望运行clondode方法来克隆一系列共享同一类的HTML元素，但由于控制台中给出的未定义错误而失败

这是我的HTML：

<!DOCTYPE html>
<html>
    <body>
        <section class="allEnglishSections">
            <h2>Conditioning</h2>
            <table>
                <tr><th>English</tr></th>
                <tr><td>if</td></tr>
                <tr><td>else</td></tr>
            </table>
        </section>

        <section class="allEnglishSections">
            <h2>Querying</h2>
            <table>
                <tr><th>English</tr></th>
                <tr><td>In plea</td></tr>
                <tr><td>In suggestion</td></tr>
            </table>
        </section>
    </body>
</html>

它失败的原因是没有对现有的两个部分进行深度克隆，也没有在现有的两个部分下添加额外的两个部分

为什么会失败？

正在克隆元素，但您没有对克隆的节点执行任何操作，因此从视觉上看，什么也没有发生

.cloneNode返回克隆的节点。如果要将其附加到DOM中，则必须显式执行此操作-解释器不会自动将其插入任何位置：

document.querySelectorAll.allEnglishSections.foreachement=>{ document.body.appendChild element.cloneNodetrue ; }; 条件作用英语如果其他的质疑英语辩护建议中

document.querySelectorAll(".allEnglishSections").forEach((element) => {
    element.cloneNode(deep);
});