一个封装的创建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);
}
...{
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);
}
- 一个封装的创建DOM元素的JS方法
- 动态创建dom元素、获取dom元素的属性及遍历dom元素的方法
- JS选取DOM元素的方法
- JS选取DOM元素的方法
- JS选取DOM元素的方法
- JS选取DOM元素的方法
- JS选取DOM元素的方法
- JS获取DOM元素的方法
- 【元素的查找】js和jquery方法查找dom元素
- JS中DOM的创建方法
- DOM元素的方法
- dom创建table的一个方法
- 基于DOM现有的insertBefore()方法封装一个insertAfter()方法
- JS——封装一个可以连缀的DOM库
- 创建一个dom元素
- js-DOM给class追加一个新的元素
- js dom元素的选取
- js动态创建html元素的方法
- E680I/G 手動安裝程序(含J2ME程序)——SD卡
- struts2入門(2)
- 一个简单的使用XMLHttpRequest获得服务器数据的例子
- C语言 队列的链式结构的实现与表示 数据结构 队列的实现与表示
- VS2005 new control for windows programming :BackgroundWorker
- 一个封装的创建DOM元素的JS方法
- debain网卡无法启动
- 利用session,cookie进行安全性控制
- 对于长期积累下来的问题,必须想办法根本解决
- 第二人生的源码分析(五十)纹理图片的格式之引用类
- 有借(debit)必有贷(credit),借贷必相等(摘自网络)
- 计算机登陆域速度慢的分析与解决
- 照明设计原理
- 电脑蓝屏后该做的几件事情