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

来源:互联网 发布:视频特效软件 编辑:程序博客网 时间:2024/05/21 19:48

 

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

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);

                }
原创粉丝点击