美文网首页
判断两个dom节点的关系

判断两个dom节点的关系

作者: 你说我的笑绽放在过去 | 来源:发表于2017-11-27 20:30 被阅读0次

    调用名为$.contains的工具函数,能检测在一个DOM节点中是否包含另外一个DOM节点,如果包含,返回true,否则,返回false值,调用格式为:

    $.contains (container, contained);

    参数container表示一个DOM对象节点元素,用于包含其他节点的容器,contained是另一个DOM对象节点元素,用于被其他容器所包含。

    通过$.contains()函数,检测两个节点对象间是否存在包含关系,并将检测的结果显示在页面中

    $(function () {

    var node_a = document.body.firstChild;

    var node_b = document.body;

    var strTmp = "对象node_a";

    if ($.contains(node_a,node_b)) { //判断是否包含节点

    strTmp += " 包含 ";

    }

    else {

    strTmp += " 不包含 ";

    }

    strTmp += "对象node_b";

    $(".content").html(strTmp);

    });


    documentElement是DOM根结点,而body只是根结点下的子节点之一,它们之间存在包含关系,因此,返回true值,并显示“包含”字样。

    相关文章

      网友评论

          本文标题:判断两个dom节点的关系

          本文链接:https://www.haomeiwen.com/subject/lhfjbxtx.html