如何在类内部创建Element-create方法

时间:2019-01-26 09:00:09

标签: javascript class ecmascript-6

我想在JavaScript中创建一个包含“创建”方法的类“元素”。该方法应该创建任何元素(尚未添加它们)。因此,我需要循环遍历未知长度的对象文字。到目前为止,其余的操作员都没有解决我的问题。

I tried different configurations of my code, but I don't get ir right.

class Element
{
    static create( {type, attr : { ...(k : v) }, content } )
    {
    let el = document.createElement(type);
    for ( let i; i < attr.length; i++ )
    {
        el.setAttribute(k, v);
    }
    el.innerHTML = content;
    return el;
    }
}

// Element.create({type: 'p', attr: {'class' : 'foo', 'style' : 'color:green'}, content : 'I am a p-Element.'});
// desired output: <p class="foo" style="color:green">I am a p-Element</p>

1 个答案:

答案 0 :(得分:1)

这种做你想要的事的正确方式

class Element
{
    static create( {type, attr, content } )
    {
    let el = document.createElement(type);
    for(let key in attr){
        el.setAttribute(key, attr[key]);
    }
    el.innerHTML = content;
    return el;
    }
}

现在您将获得预期的输出