js判断一个元素是否为另一个元素的子元素的代码

 更新时间:2012年03月21日 13:36:01   作者:  
用js判断一个元素是否为另一个元素的子元素,再做一些效果的时候经常用到,特别是和鼠标事件相关的应用中,比如一个浮层,在鼠标操作浮层内元素的时候浮层显示,当点击浮层外的元素的时候隐藏浮层
当然方法有很多,不过个人认为通过判断一个元素是否为另一个元素的子元素是最简单的实现方式之一。
废话少说直接上方法:
复制代码 代码如下:

function isParent (obj,parentObj){
while (obj != undefined && obj != null && obj.tagName.toUpperCase() != 'BODY'){
if (obj == parentObj){
return true;
}
obj = obj.parentNode;
}
return false;
}

查看demo:http://demo.jb51.net/js/2012/isParent/
感谢hafeyang的留言,js判断一个元素是否为另一个元素的子元素相关方法还有contains方法,大家可以看看司徒正美的文章 https://www.jb51.net/article/26158.htm

相关文章

  • 网页挂马方式整理及详细介绍

    网页挂马方式整理及详细介绍

    这篇文章主要介绍了网页挂马方式整理及详细介绍的相关资料,这里整理了不少方式,大家可以看下如何实现的,需要的朋友可以参考下
    2016-11-11
  • JavaScript增加数组中指定元素的5种方法总结

    JavaScript增加数组中指定元素的5种方法总结

    在JS中数组方法是非常重要且常用的的方法,在此整理总结一番,下面这篇文章主要给大家介绍了关于JavaScript增加数组中指定元素的5种方法,文中通过代码介绍的非常详细,需要的朋友可以参考下
    2024-02-02
  • js实现的倒计时按钮实例

    js实现的倒计时按钮实例

    这篇文章主要介绍了js实现的倒计时按钮,实例分析了javascript倒计时效果的相关实现技巧,需要的朋友可以参考下
    2015-06-06
  • 一个符号插入器 中用到的js代码

    一个符号插入器 中用到的js代码

    一个符号插入器 中用到的js代码...
    2007-09-09
  • js中合并对象的几种实现方法

    js中合并对象的几种实现方法

    "js 合并对象"是一种在JavaScript编程中常见的操作,用于将多个对象的属性合并到一起,通常,我们会使用ES6的扩展运算符或者Object.assign()函数来实现这个功能,感兴趣的可以了解一下
    2023-08-08
  • JS图片懒加载的优点及实现原理

    JS图片懒加载的优点及实现原理

    这篇文章主要介绍了JS图片懒加载的优点及实现原理,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-01-01
  • JavaScript实现留言板案例

    JavaScript实现留言板案例

    这篇文章主要为大家详细介绍了JavaScript实现留言板案例,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-03-03
  • JavaScript canvas实现雨滴特效

    JavaScript canvas实现雨滴特效

    这篇文章主要为大家详细介绍了JavaScript canvas实现雨滴特效,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-01-01
  • 枚举的实现求得1-1000所有出现1的数字并计算出现1的个数

    枚举的实现求得1-1000所有出现1的数字并计算出现1的个数

    求得1-1000所有出现1的数字,并计算出现1的个数,以下是采用枚举的实现方法,但是若从1-N就不管用了,因为N不一定会是多少
    2013-09-09
  • JS实现线性表的链式表示方法示例【经典数据结构】

    JS实现线性表的链式表示方法示例【经典数据结构】

    这篇文章主要介绍了JS实现线性表的链式表示方法,简单讲解了线性表链式表示的原理并结合实例形式分析了js针对线性表链式表示的创建、插入、删除等节点操作技巧,需要的朋友可以参考下
    2017-04-04

最新评论