dom contains 包含关系

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title>contains</title>
</head>
<body>
   <div id="p-node">
       <div id="c-node">子节点内容</div>
   </div>
   <script>
   var pNode=document.getElementById('p-node');
   var cNode=document.getElementById('c-node');
   //判断元素节点pnode是否包含cnode元素节点
   alert(pNode.contains(cNode));
   //判断cnode元素节点是否包含文本节点
   alert(cNode.contains(cNode.childNodes[0]));
   //判断pnode元素节点是否包含文本节点
   alert(pNode.contains(cNode.childNodes[0]));
   //***Ie低版本只支持元素节点包含判断
   /**
   * 兼容判断包含关系
   * @param {[type]} a 上层节点
   * @param {[type]} b 下层节点
   * @return {[type]}   [description]
   */
   function fixContaion(a,b){
       try{

while(b=b.parentNode){
               if(b===a){
               //如果b<a(a为父，b为子)循环向上查找b的父节点直到他们是同层关系(a===b)
                   return true;
               }
               //如果b>a(如果b为父,a为子),肯定找不到,返回fales
               return false;
           }
       }catch(e){
           //对于游离于dom树外的节点,返回false.
           return false;
       }
   }
   alert(fixContaion(cNode,pNode)); //false

   </script>
</body>
</html>

转载于:https://www.cnblogs.com/liu-zhao/p/6824894.html

dom contains 包含关系相关推荐

【原创】Aspose.Words组件介绍及使用—基本介绍与DOM概述
阅读目录 1.基本介绍 2.文档对象模型概述本博客所有文章分类的总目录:http://www.cnblogs.com/asxinyu/p/4288836.html 本博客其他.NET开 ...
【总结整理】JQuery基础学习---DOM篇
前言: 先介绍下需要用到的浏览器提供的一些原生的方法(这里不处理低版本的IE兼容问题) 创建流程比较简单,大体如下: 创建节点(常见的:元素.属性和文本) 添加节点的一些属性加入到文档中流程中涉及 ...
【Qt】DOM读取XML文档
00. 目录文章目录 00. 目录 01. 概述 02. 开发环境 03. XML文档示例 04. DOM读取XML文档内容 05. 预留 06. 附录 01. 概述 DOM(Document Ob ...
[Qt教程] 第27篇 XML（一）使用DOM读取XML文档
[Qt教程] 第27篇 XML(一)使用DOM读取XML文档楼主发表于 2013-5-21 21:14:28 | 查看: 1001| 回复: 14 使用DOM读取XML文档版权声明该文章原创 ...
C#操作Word Aspose.Words组件介绍及使用基本介绍与DOM概述
1.基本介绍 Aspose.Words是一个商业.NET类库,可以使得应用程序处理大量的文件任务.Aspose.Words支持Doc,Docx,RTF,HTML,OpenDocument,PDF,XP ...
DOM操作 append prependTo after before
通过JavaScript可以很方便的获取DOM节点,从而进行一系列的DOM操作.但实际上一般开发者都习惯性的先定义好HTML结构,但这样就非常不灵活了. 试想下这样的情况:如果我们通过AJAX获取到数 ...
前端（DOM 、BOM 和事件）
目录前言一.DOM文档流 1.什么是DOM文档流 2. DOM = Document Object Model DOM文档流 3.关于DOM的小实例 4.DOM 改进二.BOM 1.win ...
JavaScript之BOM和DOM入门
JavaScript之BOM和DOM入门 JavaScript的组成包含三大部分,分别为ECMAScript.DOM和BOM.JavaScript组成,如下图所示: ECMAScript是JavaSc ...
jQuery08源码 (5140 , 6057) DOM操作 : 添加删除获取包装 DOM筛选
jQuery.fn.extend({//$('ul').find('li').css('background','red');//$('ul').find( $('li') ).css('backgr ...

dom contains 包含关系

dom contains 包含关系相关推荐

最新文章

热门文章