判断两个dom节点的关系

调用名为$.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值,并显示“包含”字样。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容