js想用contains的简单介绍

本文目录一览:

怎样使用js contains方法

这是字符串的方法吧vara=”hello”console.info(a.contains(“e”));传入参数这个字符串是否包含此参数如果是则返回true否为false

JS中的contains方法,很多人都说FF不支持,但为什么我测试是可以..

!doctype html

titledom contains 方法 by 司徒正美/title

meta charset=”utf-8″/

meta name=”keywords” content=”dom contains方法 by 司徒正美” /

meta name=”description” content=”dom contains方法 by 司徒正美” /

script type=”text/javascript”

if(!!window.find){

HTMLElement.prototype.contains = function(B){

return this.compareDocumentPosition(B) – 19 0

}

}

window.onload = function(){

var A = document.getElementById(‘parent’),

B = document.getElementById(‘child’);

alert(A.contains(B));

alert(B.contains(A));

}

/script

h2 style=”text-align:center”contains方法/h2

div id=”parent”

p

strong id=”child” contains方法/strong

/p

/div

javascript contains怎么用

这个函数是jQuery里面的工具函数吧。

语法:

jQuery.contains(container,contained) //返回值是bool类型。

参数:

container:DOM元素作为容器,可以包含其他元素

contained:DOM节点,可能被其他元素所包含

检测下试一试:

jQuery.contains(document.documentElement, document.body); // true

jQuery.contains(document.body, document.documentElement); // false

javascript 求一段js contains方法代码

注:下面的代码仅适用于ie

div id=”d1″ onmouseout=”mouseout()”

function mouseout(){

if(event.srcElement == document.getElementById(“d1”)){

是div的mouse事件,执行操作

}else{

不是div的事件

}

}

a的onmouseover事件肯定会触发的,只不过你可以在这些事件里作一些判断

如果是a的事件,就不处理一些东西

还真很少用contains,不过效果是一样的,改了:

div id=”d1″ onmouseout=”mouseout()” style=”width:100px;height:100px”

a onmouseover=”t1(this);” href=”” alt=”” /

/div

script type=”text/javascript”

function t1(obj){

var root = document.getElementById(“d1”);

if(root.contains(obj)){

alert(“是div的子结点”);

return false;

}else {

alert(“不是div的子结点”);

return true;

}

}

/script

js 没有contains方法?提示错误

这个是jQuery的方法;

描述: 检查一个DOM元素是另一个DOM元素的后代。

jQuery.contains( container, contained )

container

类型: Element

DOM元素作为容器,可以包含其他元素

contained

类型: Element

DOM元素,可能被其他元素所包含

如果第二个参数所提供的DOM元素是第一个参数DOM元素的后裔,那么$.contains() 方法返回true,无论是直接的子元素或者是后代元素。否则,返回false。只支持 element 节点;如果第二个参数是一个文本或注释节点,$.contains()将返回 false。

原创文章,作者:SU44N,如若转载,请注明出处:https://www.506064.com/n/130406.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
SU44NSU44N
上一篇 2024-10-03 23:28
下一篇 2024-10-03 23:28

相关推荐

  • JS Proxy(array)用法介绍

    JS Proxy(array)可以说是ES6中非常重要的一个特性,它可以代理一个数组,监听数据变化并进行拦截、处理。在实际开发中,使用Proxy(array)可以方便地实现数据的监…

    编程 2025-04-29
  • Python简单数学计算

    本文将从多个方面介绍Python的简单数学计算,包括基础运算符、函数、库以及实际应用场景。 一、基础运算符 Python提供了基础的算术运算符,包括加(+)、减(-)、乘(*)、除…

    编程 2025-04-29
  • Python满天星代码:让编程变得更加简单

    本文将从多个方面详细阐述Python满天星代码,为大家介绍它的优点以及如何在编程中使用。无论是刚刚接触编程还是资深程序员,都能从中获得一定的收获。 一、简介 Python满天星代码…

    编程 2025-04-29
  • Python海龟代码简单画图

    本文将介绍如何使用Python的海龟库进行简单画图,并提供相关示例代码。 一、基础用法 使用Python的海龟库,我们可以控制一个小海龟在窗口中移动,并利用它的“画笔”在窗口中绘制…

    编程 2025-04-29
  • 解析js base64并转成unit

    本文将从多个方面详细介绍js中如何解析base64编码并转成unit格式。 一、base64编码解析 在JavaScript中解析base64编码可以使用atob()函数,它会将b…

    编程 2025-04-29
  • Node.js使用Body-Parser处理HTTP POST请求时,特殊字符无法返回的解决方法

    本文将解决Node.js使用Body-Parser处理HTTP POST请求时,特殊字符无法返回的问题。同时,给出一些相关示例代码,以帮助读者更好的理解并处理这个问题。 一、问题解…

    编程 2025-04-29
  • Python樱花树代码简单

    本文将对Python樱花树代码进行详细的阐述和讲解,帮助读者更好地理解该代码的实现方法。 一、简介 樱花树是一种图形效果,它的实现方法比较简单。Python中可以通过turtle这…

    编程 2025-04-28
  • t3.js:一个全能的JavaScript动态文本替换工具

    t3.js是一个非常流行的JavaScript动态文本替换工具,它是一个轻量级库,能够很容易地实现文本内容的递增、递减、替换、切换以及其他各种操作。在本文中,我们将从多个方面探讨t…

    编程 2025-04-28
  • Python大神作品:让编程变得更加简单

    Python作为一种高级的解释性编程语言,一直被广泛地运用于各个领域,从Web开发、游戏开发到人工智能,Python都扮演着重要的角色。Python的代码简洁明了,易于阅读和维护,…

    编程 2025-04-28
  • 用Python实现简单爬虫程序

    在当今时代,互联网上的信息量是爆炸式增长的,其中很多信息可以被利用。对于数据分析、数据挖掘或者其他一些需要大量数据的任务,我们可以使用爬虫技术从各个网站获取需要的信息。而Pytho…

    编程 2025-04-28

发表回复

登录后才能评论