javascript - 如何解决这个javascript函数

Question

我正在调用这个函数

   el=DOM.create({tag:"div",css:{backgroundColor:"#000000",color:"green"},html:"abc"});
   $("#fb_dv").append(el);

我的功能在这里

DOM={
    create:function(data){
        if(data.tag){
            d=document;
            doc=d.createElement(data.tag);
            for(var v in data){
                 if(v=="css"){
                     for(key in data[v]){
                        prop=doc.style;
                        prop.key=data[v][key]
                     }
                 }
                 if(v=="html"){
                     doc.innerHTML=data[v]
                 }
            }

            return doc;
        }
    }
}

问题是这个函数没有设置css属性

Answer 1

问题出在应该设置样式的 for 循环中。您需要使用方括号语法来设置正确的属性:

for(key in data[v]){
    prop = doc.style;
    //prop.key = data[v][key]... change this to this:
    prop[key] = data[v][key];
}

这是一个 working example .

作为旁注，您缺少很多 var 语句，因此您的所有变量都泄漏到全局范围内，并且您还缺少很多分号。