文本值拼接

function getTabText(id) {
        // 获取父级元素
        var box = document.getElementById(id);
        // 获取父级所有子元素，包含空白，空格，标签，用nodeType这个值区分
        var boxArr = box.childNodes;
        // 定义标签子元素容器
        var childArr = [];
        // 返回字符串
        var str = "";
        // 过滤，将空白，换行过滤出来
        for(var el in boxArr){
            if(boxArr[el].nodeType == 1){
                childArr.push(boxArr[el])
            }
        }
        // 遍历标签元素，将文本值取出来，拼接
        for (var i = 0; i < childArr.length; i++) {
            if (i !== childArr.length - 1) {
                str += childArr[i].textContent + "##";
            } else {
                str += childArr[i].textContent;
            }
        }
        return str;
    }

节点结构

image.png

效果

image.png