简化document.createElement("div")动态生成层方法 (转)
2007-09-20 16:02
429 查看
我们在WEB开发时,很多时候往往需要我们 JavaScript 来动态建立 html 元素,动态的设置相关的属性。比方说我们想要建立一個 div 层,则可以使用以下代码实现。
一.直接建立
function Button1_onclick() //直接采用代码建立一个DIV
createEl = function(t, a, y, x)//编写建立一个新对象的通用方法
//再通过以下方法来进行调用建立一个新层
function Button2_onclick() //先把建立一个新的DIV的方法写成一个通用方法,然后通过调用方法实例化建立DIV
怎看之下这两个方法似乎使用了较长的代码块来达成相同的目的,其实不然,不过createEI这个通用方法实用性要强的多,在建立同类对象时性能会好的多。
一.直接建立
function Button1_onclick() //直接采用代码建立一个DIV
createEl = function(t, a, y, x)//编写建立一个新对象的通用方法
//再通过以下方法来进行调用建立一个新层
function Button2_onclick() //先把建立一个新的DIV的方法写成一个通用方法,然后通过调用方法实例化建立DIV
怎看之下这两个方法似乎使用了较长的代码块来达成相同的目的,其实不然,不过createEI这个通用方法实用性要强的多,在建立同类对象时性能会好的多。
相关文章推荐
- 简化document.createElement("div")动态生成层方法 (转)
- 简化document.createElement("div")动态生成层方法
- 简化document.createElement("div")动态生成层方法(转)
- 【转】JS写图层方法.document.createElement("div")
- document.createElement("input")动态创建html元素时checkbox和radio默认选中的问题
- 用new方法生成一个img对象和document.createElement方法创建一个img对象的区别
- Apple 移动设备绑定动态生成元素点击事件$(document).on('click',element,callback)失效解决方法
- 用new方法生成一个img对象和document.createElement方法创建一个img对象的区别
- console.log的一个应用 -----用new方法生成一个img对象和document.createElement方法创建一个img对象的区别
- Apple 移动设备绑定动态生成元素点击事件$(document).on('click',element,callback)失效解决方法
- document.getElementById("divv").style.display = 'none';
- Document root element "beans", must match DOCTYPE root "null"分析及解决方法
- JavaScript 覆盖document.createElement 方法 解决window.close在火狐下不兼容问题)
- Document root element "beans", must match DOCTYPE root "null"分析及解决方法
- 动态加载js文件 document.createElement
- Javascript 常用方法:document.getElementById(" ")
- IE9+已经不对document.createElement向下兼容的解决方法
- document.createElement("A")比较不错的属性
- JavaScript 覆盖document.createElement 方法 解决window.close在火狐下不兼容问题)
- Document root element "beans", must match DOCTYPE root "null"分析及解决方法