如何操作网页的注释节点

最新推荐文章于 2023-05-13 18:14:09 发布

一知

最新推荐文章于 2023-05-13 18:14:09 发布

阅读量597

点赞数

分类专栏： web前端文章标签： html javascript 注释

本文链接：https://blog.csdn.net/laozhangu/article/details/105466430

版权

web前端专栏收录该内容

6 篇文章 0 订阅

订阅专栏

判断页面是否有注释节点

function hasComment (ele) {
    var result = false;
    var nodes = ele.childNodes;
    var length = nodes.length;

    for (var i = 0; i < length; i++) {
        if (nodes[i].nodeName === '#comment') {
            result = true;
            break;
        } else {
            // 如果直接子元素没有注释节点，继续查找子元素的子元素
            result = hasComment (nodes[i]);
            if (result) {
                return result;
            }
        }
    }

    return result;
}

获取第一个注释节点内容，假如想获取第二、第三个注释节点的类容也是差不多的

function getCommentValue (ele) {
    var nodes = ele.childNodes;
    var length = nodes.length;
    var value = '';

    for (var i = 0; i < length; i++) {
        if (nodes[i].nodeName === '#comment') {
            value = nodes[i].nodeValue;
            break;
        }
    }

    return value;
}