首页 > 技术文章 > 封装js的部分兼容性

tm2525 2016-10-15 23:54 原文

//获取标签的内容(兼容所有浏览器)
function getInnerText(element) {
//能力检测(先判断如果这个能力有这个)
if(typeof element.innerText === "string") {
//说明支持innerText
return element.innerText;
}else {
//说明不支持innerText
return element.textContent;
}
}

//设置内容的方法(兼容性问题)
function setInnerText(element, value) {
//能力检测
if(typeof element.innerText === "string") {
element.innerText = value;
}else {
element.textContent = value;
}
}


//获取指定元素的第一个子元素
function getFirstElement(element) {
//能力检测
if (element.firstElementChild) {
return element.firstElementChild;
} else {
//IE679
var node = element.firstChild;
while (node && node.nodeType != 1) {
//说明是一个节点
node = node.nextSibling;
}

return node;
}
}


function getLastElement(element) {
//能力检测
if (element.lastElementChild) {
return element.lastElementChild;
} else {
var node = element.lastChild;
while (node && node.nodeType != 1) {
node = node.previousSibling;
}
return node;
}
}

function getNextElement(element) {
if (element.nextElementSibling) {
return element.nextElementSibling;
} else {
var node = element.nextSibling;
while (node && node.nodeType != 1) {
node = node.nextSibling;
}
return node;
}
}

function getPreviousElement(element) {
if (element.previousElementSibling) {
return element.previousElementSibling;
} else {
var node = element.previousSibling;
while (node && node.nodeType != 1) {
node = node.previousSibling;
}
return node;
}
}

推荐阅读