Javascript 一个变量，多个createElement

我正在从js创建一个html结构

var e = document;

        // HTML Tree
        $this.append(
            $(e.createElement('div')).addClass('wood-bottom'), 
            $(e.createElement('div')).addClass('jalendar-wood')
                .append(
                    $(e.createElement('div')).addClass('jalendar-pages')
                        .append(
                            $(e.createElement('div')).addClass('pages-bottom'),
                            $(e.createElement('div')).addClass('header'),
                            $(e.createElement('div')).addClass('total-bar'),
                            $(e.createElement('div')).addClass('days')
                )
            )
        );

还有很多

createElement（'div'）

语句

这种方法有更好的解决方案吗？ 如果我定义

var e=document.createElement（'div'）

，它就不能像我所希望的那样工作。

您可以使用jQuery clone（）

您可以使用jQuery clone（）：

---

自定义函数呢

var div = function(klass){return $(document.createElement('div')).addClass(klass)};

    // HTML Tree
    $this.append(
        div('wood-bottom'), 
        div('jalendar-wood')
            .append(
                div('jalendar-pages')
                    .append(
                        div('pages-bottom'),
                        div('header'),
                        div('total-bar'),
                        div('days')
            )
        )
    );

---

自定义函数呢

var div = function(klass){return $(document.createElement('div')).addClass(klass)};

    // HTML Tree
    $this.append(
        div('wood-bottom'), 
        div('jalendar-wood')
            .append(
                div('jalendar-pages')
                    .append(
                        div('pages-bottom'),
                        div('header'),
                        div('total-bar'),
                        div('days')
            )
        )
    );

---

你可以不用document.createElement（'div'）而只使用$（''）你的代码说你声明

e

为

document

，那么为什么你说“我正在定义

var e=document.createElement（'div'）

”？对于构建复杂的DOM结构，最好使用一些基于对象结构的方法。提供了一个很好的方法，或者你可以自己制作。@koala_-dev我想创建元素（'div'），因为它比$（'div'）快5-6倍。@ian抱歉，我想说“当我定义时”而不是文档。createElement（'div'）你可以只使用$（''）你的代码说你将

e

声明为

document

，那你为什么这么说“我正在定义

var e=document.createElement（'div'）

”？对于构建复杂的DOM结构，最好使用基于对象结构的方法。提供了一种很好的方法，或者您可以自己创建。@koala_dev我想要创建元素（'div'），因为它比$（'div'）快5-6倍）@ian抱歉，我想说“当我定义时”为什么jQuery？简单的DOM元素也有一个本机的

clone

方法…这是一个非常好的观点，@Bergi！也会很好地工作。同时，可能会使用它来添加类。谢谢，@Bergi！为什么jQuery？简单的DOM元素也有一个本机的

clone

方法…这是一个非常好的问题说得好，@Bergi！也会很好地工作。在工作时，可能会使用它来添加类，并且。谢谢，@Bergi！