js怎么判断一个元素是否包含另一个元素,使用contains方法

最新推荐文章于 2024-03-24 09:39:56 发布
最新推荐文章于 2024-03-24 09:39:56 发布
阅读量6.2k 收藏
点赞数
分类专栏： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zwy15841139493/article/details/89392832
版权 
<div id="parent">
	<div id="children"></div>
</div>


var A = doucument.getElementById('parent');
var B = document.getElementById('children')；

console.log(A.contains(B))      //true
console.log(B.contains(A))      //false
专业填坑的猴子
关注
专栏目录
js检测一个元素是否在另一个元素内部的原生方法document.compareDocumentPosition
liuhao9999的博客
08-11 730
方法按照文档顺序，比较当前节点与指定节点的文档位置。32:没有关系的，或是两个节点在同一元素的两个属性。2： 第一节点（P1）位于第二个节点后（P2）。16： 第二节点（P2）位于第一节点内（P1）。4：第一节点（P1）定位在第二节点（P2）前。8： 第一节点（P1）位于第二节点内（P2）。1：没有关系，这两个节点不属于同一个文档。...
js判断一个元素是否为另一个元素的子元素的代码
10-28
在JavaScript中，我们可以使用多种方法来检查一个元素是否是另一个元素的子元素。最常见的一种方法是使用`parentNode`属性。`parentNode`是DOM元素的一个属性，它返回元素的父节点。如果元素位于DOM树的顶部，则返回...
JS 判断list中是否存在某个元素
weixin_39568072的博客
03-23 5928
例如： $(['temporaryCooperation', 'effective', 'restrictionCompletion', 'rejected', 'submitted']).contains("submitted") ==> true $([0,1,2,3,4,5]).contains(0) ==> true $([0,1,2,3,4,5]).contains(10) ==> false a=[1,2,3,3,4,5,8] $(a).contains(
js判断一个元素是否包含另一个元素
weixin_43980237的博客
10-14 903
docuument.getElementById('app').contains(docuument.getElementById('app2'))
检查元素是否在另一个特定元素内
CSS 初学者指南
06-23 198
将第一个选择器替换为要测试的孩子，将第二个选择器替换为要测试的孩子。 if ( $(".child-element").parents("#main-nav").length == 1 ) { // YES, the child element is inside the parent } else { // NO, it is not inside } 翻译自: ht...
js中的contains
热门推荐
EmotionComputer
03-22 1万+
题目描述: 查找两个节点的最近的一个共同父节点，可以包括节点自身 输入描述: oNode1 和 oNode2 在同一文档中，且不会为相同的节点 递归实现： function commonParentNode(oNode1, oNode2) { if(oNode1.contains(oNode2)){ return oNode1 }else{ re...
js中contains()方法的了解
a5500669的博客
01-07 1万+
今天第一次碰到了contains()方法，处于好奇了解了一下；发现在某些场合还是挺有用的。 contains()，js原生方法，用于判断DOM元素的包含关系； 需要注意的是：它以HTMLElement为参数，且返回布尔值。 另外：最近在看element-ui源码的时候发现它内置的clickOutside指令实现单机目标元素外部关闭目标元素的核心方法也是contains(所以在类似的...
编写js扩展方法判断一个数组中是否包含某个元素
10-26
扩展Array.prototype来包含一个名为contains的方法，该方法接收一个element作为参数，这个参数是我们要检查是否存在于数组中的元素。contains方法的核心逻辑是遍历数组，逐个比较元素与给定的element是否相等。如果...
判断数组是否包含某个元素的js函数实现方法
10-22
在JavaScript中，判断一个数组是否包含某个特定元素是常用的操作。由于JavaScript原生的数组对象（Array）没有直接提供一个名为contains的方法，因此开发者常常需要自行实现这样的功能。通过阅读文档，我们可以了解...
自定义的js contains方法
06-07
js中怎么自定义方法想学习的看一下吧，简单的呵呵
JS List的contains方法与Array的contains方法的使用
10-22
List的contains方法、Array的contains方法的使用
js中加载指定的html代码,在js或JQuery中怎样判断页面html代码中含有指定名称的div元素...
weixin_39545017的博客
05-30 462
在我们制作网页的过程中，想要在某个页面中的某一元素中添加新的内容，而不想改动那个页面,我们一般会直接在全局的jsz中直接加入document.getElementById("指定id")来给定指定元素新的内容,但在一些页面中没有指定id的div元素浏览器就会报错，影响后面的代码执行，所以为了防止浏览器因为找不到指定名称的div元素而报错，我们需要在全局的js文件中判断哪些页面存在指定名称的元素再对...
contains方法(js contains方法)
计算机毕业论文源码，学生个人网页制作html源码。贴近用户做网络推广和互联网优化。
02-25 3542
hibernateReferencedfilecontainse? 关了再重新开一下。 您好，我修改模板的时候提示containsaninvalidpa? 打开360安全卫士-软件管家，搜索“c ”和“.net”然后点击一键安装，可以尝试多版本安装，如果遇到不能安装的话，系统会有对应的提示。 java conta...
js：contains函数
安之ccy的博客
05-17 6346
A.contains(B)：A是否是B的父级，返回布尔值； 若A=B，结果也为true <div id="test"> <div id="test1"> <div id="test2"> <div id="test3"></div> <div id="test4"></div> </div&g
js contains方法
大树下那片阴凉
08-12 4609
Array.prototype.contains = function(item){   return RegExp("\\b"+item+"\\b").test(this); }; var arr = []; for (var i = 10; i   arr.pus
js中的contains（）方法记录
cunlv的博客
06-02 1881
今天做题的时候遇到了contains（）方法 没见过 发帖子记录一下这个方法是用来计算是否包含某个元素节点的//返回值为布尔类型附上自己测试代码
javascript基础学习系列五百四十一：contains()方法
最新发布
m0_68635815的博客
03-24 1157
另外，使用DOM Level 3 的compareDocumentPosition()方法也可以确定节点间的关系。以上代码执行后result 的值为20（或0x14，其中0x4 表示“随后”，加上0x10“被包含”）。如果目标节点是被搜索节点的后代，contains()返回true，否则返回false。因为设置innerText 只能在容器元素中生成一个文本节点，所以为了保证一定是文本节点，就必。这个例子测试元素中是否包含元素，在格式正确的HTML 中会返回true。方法会返回表示两个节点关系的位掩码。
js - contains() 不是字符串对象的方法，在 js 中判断字符串是否包含另一个字符串，要用 indexOf()
tfish的专栏
10-14 4257
今天发现，在 js 中判断字符串是否包含另一个字符串，使用 contains()，在 chrome 中报错。 上网搜，发现 js contains() 不是字符串对象的方法，它仅用于判断 DOM 元素的包含关系，参数是 Element 类型。 在 js 中判断一个字符串是否包含另一个字符串，要用 if( st1.indexOf( st2 ) != -1 ) { 参考: https://...
javascript数组contain方法的实现
xvxingan的专栏
05-17 5447
我在进行javascript编程时，因为需要判断数组对象是否包含某个元素，所以想到修改Array.prototype,添加contain方法，以模仿java中collection接口实现包含判断。因此我做了如下的工作： Array.prototype.contain = function(item){     var flag =false;     for(index in thi
js的contain
07-28
引用\[1\]中的代码是一个自定义的Array原型方法，用于判断数组中是否包含某个值。使用方法是先创建一个数组，然后使用push方法向数组中添加元素，最后使用contains方法判断数组中是否包含指定的值。在这个例子中，数组arr中包含了10到14这五个数字，所以arr.contains(4)返回false，arr.contains(14)返回true。\[1\] 引用\[2\]中的代码是一个用于判断一个节点是否包含另一个节点的方法。它支持大部分现代浏览器，包括Chrome、Firefox、IE、Opera和Safari。如果第一个节点包含第二个节点，则返回true，否则返回false。这个方法可以通过节点的contains属性或compareDocumentPosition方法来实现。\[2\] 引用\[3\]中的代码是一个使用contains方法的示例。在这个例子中，通过getElementById方法获取到了id为parent和id为child的两个节点，然后使用contains方法判断parent节点是否包含child节点，以及child节点是否包含parent节点。最后通过alert方法将结果弹出显示。\[3\] 综上所述，js的contain方法可以用于判断数组中是否包含某个值，以及判断一个节点是否包含另一个节点。 #### 引用[.reference_title] - *1* [JS数组对象Array增加 contains 方法](https://blog.csdn.net/Thinkingcao/article/details/68924300)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* *3* [javascript中的contains方法](https://blog.csdn.net/hsany330/article/details/105494920)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值