HTML DOM Element matches() metodi

määritelmä ja käyttö

matches() menetelmä palauttaa true，jos elementti vastaa tiettyä CSS-valitsinta；muuten palautetaan false。

katso myös：

täydellinen CSS-valitsin viittomakirja

Element closest() metodi

esimerkki

esimerkki 1

Onko elementti vastaava jokin CSS-valitsin?

const element = document.getElementById("demo");
let answer = element.matches(".container");

kokeile itse

esimerkki 2

Onko elementti vastaava joko molempia valitsimia?

const element = document.getElementById("demo");
let answer = element.matches(".container, .wrapper");

kokeile itse

syntaksi

element.matches(selectors)

parametri

parametri kuvaus
selectors

välttämätön。Yksi tai useampi (pilkkuna erotettu) CSS-valitsin, jota täytyy vastata.

palautetut elementit ovat ensimmäiset löydetyt elementit dokumentista.

katso täydellinen CSS-valitsimet参照マニュアル。

palautusarvo

tyyppi kuvaus
布尔值
  • true - elementti vastaa CSS-valitsinta
  • false - elementti ei vastaa CSS-valitsinta

selaimen tuki

ensimmäinen täysin tukema matches() menetelmän selaimen versio：

Chrome Edge Firefox Safari Opera
Chrome
33		 Edge
15		 Firefox
34		 Safari
7		 Opera
21
2014 vuosi 2 kuukausi 2017 vuosi 4 kuukausi 2014 vuosi 12 kuukausi 2013 vuoden lokakuu 2014 vuoden toukokuu