判断两个dom节点的关系

2017-11-27  本文已影响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值,并显示“包含”字样。

上一篇下一篇

猜你喜欢

热点阅读