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/zh-hk/n/130406.html

(0)
打賞 微信掃一掃 微信掃一掃 支付寶掃一掃 支付寶掃一掃
SU44N的頭像SU44N
上一篇 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

發表回復

登錄後才能評論