一个封装的创建DOM元素的JS方法

 

忘记是从什么地方看来的了，快忘记了，写下拉记录下，也顺便再回忆一次。

function  CreateElement(name,attrs,style,text)
                 ... {
                    var elem = document.createElement(name);
                    if(attrs)
                    ...{
                        for(key in attrs)
                        ...{
                            if(key == "className")
                            ...{
                                elem.className = attrs[key];
                            }
                            else if(key == "id")
                            ...{
                                elem.id = attrs[key];
                            }
                            else
                            ...{
                                elem.setAttribute(key,attrs[key]);
                            }
                        }
                    }
                    
                    if(style)
                    ...{
                        for(key in style)
                        ...{
                            elem.style[key] = style[key];                            
                        }
                    }
                    
                    if(text)
                    ...{
                        elem.appendChild(document.createTextNode(text));
                    }
                    
                    return elem;
                }
                
                 function  CreateHandler()
                 ... {
                    var loading = CreateElement('div',...{className:'loading',id:'loading'},...{position:'relative',color:'red'},'loading....');                    
                    var container = document.getElementById("container");
                    container.appendChild(loading);

                }