dom封装函数
2018-01-19 18:01
92 查看
//封装函数,返回元素e的第n层祖先元素节点 function retParent(elem. n) { while(elem && n) { elem = elem.parentElement; n --; } return elem; } var i = document.getElementsByTagName('i')[0]; //编辑函数,封装myChildren功能,解决以前部分浏览器的兼容性问题 Element.prototype.myChildren = function() { var child = this.childNodes; var len = child.length; var arr = []; for(var i =0; i < len; i ++){ if(child[i].nodeType == 1) { arr.push(child[i]) } } return arr } //自己封装hasChildren()方法,不可用children属性 Element.prototype.myChildren = function() { var child = this.childNodes; var len = child.length; var arr = [] for(var i = 0; i < len; i ++) { if( child[i].nodeType == 1 ) { return true } } return false } //封装函数,返回元素e的第n个兄弟元素节点,n为正,返回后面的兄弟元素节点,n为负,返回前面的,n为0,返回自己 function retSibling(e,n) { while(e && n) { if(n > 0) { if(e.nextElementSibling) { e = e.nextElementSibling; }else{ for(e = e.nextSibling; e.nodeType != 1; e = e = e.nextSibling); } n -- }else{ if(e.previousElementSibling) { e = e.previousElementSibling; }else{ for(e = e.previousSibling;e.nodeType != 1;e = e.previousSibling); } n ++; } } return e; }
相关文章推荐
- jQuery操作dom实现弹出页面遮罩层(web端和移动端阻止遮罩层的滑动)
- php解析html类库(第3方类库)simple_html_dom(爬虫相关)
- Ms XmlDom 异步装载Xml文件
- JS DOM
- 关于Javascript中的DOM操作
- JS 面试知识学习历程(第六天) -- DOM操作和BOM操作
- Javascript YUI 读码日记之 YAHOO.util.Dom - Part.3
- oracle中用dom拼写XML树
- DOM、SAX、Pull解析XML
- xml的SAX解析和dom解析的区别
- 在JavaScript中使用DOM解析XML数据
- DOM事件
- 使用dom解析xml
- 《JavaScript高级程序设计》第11章(DOM扩展)—— 读书笔记
- 使用DOM创建XML vb版本
- SAX、DOM、PULL解析XML
- DOM
- Selenium IDE DOM元素选择定位器
- 遍历Dom节点,新增对应行
- 优化网站设计(十九):减少DOM元素的数量