JS常用的自定义函数addClass() insertAfter() addLoadEvent(func)
2017-02-09 21:45
543 查看
这里有三个常用操作DOM,但并不属于内置的函数:
增加类属性:
在目标节点后增加新节点:
增加绑定页面加载时执行的事件:
以上代码参考《JavaScript DOM 编程艺术》
增加类属性:
function addClass() { if (!element.className) { element.className = value; } else { newClassName = element.className; newClassName += " "; newClassName += value; element.className = newClassName; } }
在目标节点后增加新节点:
function insertAfter(newElement, targetElement) { var parent = targetElement.parentNode; if (parent.lastChild == targetElement) { parent.appendChild(newElement); } else { parent.insertBefore(newElement, targetElement.nextSibling); } }
增加绑定页面加载时执行的事件:
function addLoadEvent(func) { var oldonload = window.onload; if (typeof window.onload != 'function') { window.onload = func; } else { window.onload = function() { oldonload(); func(); } } }
以上代码参考《JavaScript DOM 编程艺术》
相关文章推荐
- JS中常用函数(一)启动运行函数addLoadEvent
- JS 实用函数 insertAfter和addLoadEvent 记录
- JS_常用方法_dowhileExist , addLoadEvent
- 原生js封装函数,addClass removeClass,常用tag切换
- js加载函数addLoadEvent()
- 同时加载执行多个js函数addLoadEvent()
- 常用的js自定义方法 -- hasClass addClass removeClass getElementsByClass
- addLoadEvent(func) 不管在页面加载完毕执行多少个函数,都应付自如
- addLoadEvent(func)函数理解——《Javascript DOM编程艺术读书笔记》
- javascript addLoadEvent函数说明
- javascript 事件队列加载函数 addLoadEvent
- JavaScript addLoadEvent函数使用详解
- 在js自定义函数中使用$(event.target)代替$(this)
- 封装addLoadEvent(页面加载同时执行多个函数)
- javascript addLoadEvent函数说明
- (总结)工作中常用的js自定义函数——日期时间类
- javascript addLoadEvent函数说明
- js实现addClass,removeClass,hasClass的函数代码
- addLoadEvent(func):把多个javascript函数绑定到onload事件
- [功能函数] 加载函数(addLoadEvent)