day02兼容性封装包

来源:互联网 发布:jersey框架 get json 编辑:程序博客网 时间:2024/06/07 22:23

day02笔记
获取任意对象内部文本
设置任意对象内部文本
获取上一个兄弟元素的兼容函数
获取下一个兄弟元素的兼容函数

/** * 获取任意对象内部文本(兼容所有浏览器) * @param  {[type]} element [description] * @return {[type]}         [description] */function getInnerText(element) {    if (typeof element.innerText==="string") {    return element.innerText;}else{    return element.textContent;    }}/** * 设置任意对象内部文本(兼容所有浏览器) * @param {[type]} element [description] * @param {[type]} content [description] */function setInnerText(element,content){    if (typeof element.innerText==="string") {    element.innerText=content;}else{     element.textContent=content;    }}/** * 获取上一个兄弟元素的兼容函数 * @param  {[type]} element [description] * @return {[type]}         [description] */function getPreviousElement(element){        if (element.PreviousElementSibling) {            return element.PreviousElementSibling;        }else{            var prev=element.PreviousSibling;            while(prev && prev.nodeType!==1){                prev = prev.PreviousSibling;            }            return prev;        }    }   /** * 获取下一个兄弟元素的兼容函数 * @param  {[type]} element [description] * @return {[type]}         [description] */function getNextElement(element){        if (element.nextElementSibling) {            return element.nextElementSibling;        }else{            var next=element.nextSibling;            while(next && next.nodeType!==1){                next=next.nextSibling;            }            return next;        }    }

许愿墙案例部分兼容性封装包:

//getFirstElement获取第一个子元素的兼容函数/** * [getLastElement description] * @param  {[type]} element [description] * @return {[type]}         [description] */function getFirstElement(element) {   // 如果能获取到则返回第一个子元素   if(element.firstElementChild) {        return element.firstElementChild;   }else{//不支持子元素一定会支持子节点    var node=element.firstChild;//节点不一定是想要的节点需要循环    while(node&&node.nodeType!==1){        node=node.nextSibling;    }    return node;   };//getLastElement获取第一个子元素的兼容函数/** * [getLastElement description] * @param  {[type]} element [description] * @return {[type]}         [description] */function getLastElement(element) {   // 如果能获取到则返回第一个子元素   if(element.LastElementChild) {        return element.LastElementChild;   }else{//不支持子元素一定会支持子节点    var node=element.LastChild;//节点不一定是想要的节点需要循环    while(node&&node.nodeType !==1){        node=node.previousSibling;    }    return node;   };
0 0
原创粉丝点击