js想用contains的简单介绍

发布时间：2023-12-08

js想用contains的简单介绍

更新：<time datetime="2022-11-12 02:13">2022-11-12 02:13</time>

本文目录一览：

  1. [怎样使用js contains方法](#怎样使用js contains方法)
  2. JS中的contains方法,很多人都说FF不支持，但为什么我测试是可以..
  3. [javascript contains怎么用](#javascript contains怎么用)
  4. [javascript 求一段js contains方法代码](#javascript 求一段js contains方法代码)
  5. [js 没有contains方法？提示错误](#js 没有contains方法？提示错误)

怎样使用js contains方法

这是字符串的方法吧

var a = "hello";
console.info(a.contains("e"));

传入参数这个字符串是否包含此参数如果是则返回true否为false

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

<!doctype html>
<html>
<head>
    <title>dom 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>
</head>
<body>
    <h2 style="text-align:center">contains方法</h2>
    <div id="parent">
        <p>
            <strong id="child">contains方法</strong>
        </p>
    </div>
</body>
</html>

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()">
    <script type="text/javascript">
        function mouseout(){
            if(event.srcElement == document.getElementById("d1")){
                // 是div的mouse事件，执行操作
            } else {
                // 不是div的事件
            }
        }
    </script>
</div>

a的onmouseover事件肯定会触发的，只不过你可以在这些事件里作一些判断。 如果是a的事件，就不处理一些东西。 还真很少用contains，不过效果是一样的，改了：

<div id="d1" onmouseout="mouseout()" style="width:100px;height:100px">
    <a onmouseover="t1(this);" href="" alt="" ></a>
</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。
推荐文章