兼容性获取DOM文本内容-优快云博客

本文提供了一种兼容多种浏览器的方法来获取DOM元素的文本内容，并介绍了如何设置文本内容、获取指定元素的子元素等实用函数。

//获取标签的内容（兼容所有浏览器）
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;
    }
}