Question

var div =  {
  element:'div',
  parent:'body',  
  style: {
    width:'100px',
    height:'100px',  
    border:'1px solid black'
  }

  child: {
    element:'input',
    type:'text',
    name:'age',
    value:'22'
  }
}

我想将此对象传递给函数，函数将递归传递创建dom元素

有一个主div，并且有一个与之关联的子元素输入。主div具有一些动态应用的风格。

我该怎么做？

Answer 1

为了类似的目的，我写了一个名为art.js的库。

使用art.js，您可以使用嵌套函数调用以树状方式定义DOM元素。对象文字可用于将属性应用于元素。

然后，为了得到你想要的东西，你可以使用这段代码：

var div = art(
    'div', 
    {
        style:
        {
            width: '100px',
            height: '100px',  
            border: '1px solid black'
        }
    },
    art(
        'input',
        { type: 'text', name: 'age', value:'22' }
    )
);
art(document.body, div);

该文档还显示了有关如何添加事件侦听器的示例。

使用递归创建dom树

1 个答案: