HTML DOM Element matches() ਮੇਥਡ

ਵਿਆਖਿਆ ਅਤੇ ਵਰਤੋਂ

matches() ਮੇਥਡ ਵਾਪਸ true，ਜੇਕਰ ਐਲੀਮੈਂਟ ਵਿਸ਼ੇਸ਼ CSS ਚੋਣਕਰਤਾ ਨਾਲ ਮੇਲ ਖਾਦਾ ਹੈ ਤਾਂ; ਅਤੇ ਵਾਪਸ false.

ਇਸ ਵੱਲ ਵੀ ਦੇਖੋ:

ਪੂਰਾ CSS ਚੋਣਕਰਤਾ ਪੁਸਤਕਾਰ

Element closest() ਮੇਥਡ

ਉਦਾਹਰਣ

ਉਦਾਹਰਣ 1

ਐਲੀਮੈਂਟ ਕਿਸੇ ਚੋਣਕਰਤਾ ਨਾਲ ਮੇਲ ਖਾਦਾ ਹੈ?

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

ਆਪਣੇ ਆਪ ਕੋਸ਼ਿਸ਼ ਕਰੋ

ਉਦਾਹਰਣ 2

ਐਲੀਮੈਂਟ ਦੋ ਚੋਣਕਰਤਾਵਾਂ ਵਿੱਚੋਂ ਕਿਸੇ ਨਾਲ ਮੇਲ ਖਾਦਾ ਹੈ?

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

ਆਪਣੇ ਆਪ ਕੋਸ਼ਿਸ਼ ਕਰੋ

ਗਰੰਥ

element.matches(selectors)

ਪੈਰਾਮੀਟਰ

ਪੈਰਾਮੀਟਰ ਵਰਣਨ
selectors

ਲਾਜ਼ਮੀ। ਇੱਕ ਜਾਂ ਵੱਧ ਤੋਂ ਵੱਧ (ਕਮਾ ਨਾਲ ਵੰਡਿਆ) ਚੋਣਕਰਤਾ ਜਿਸ ਨਾਲ ਮੇਲ ਖਾਣਾ ਹੈ。

ਵਾਪਸ ਵਾਲੇ ਐਲੀਮੈਂਟ ਹੈ ਜੋ ਦਸਤਾਵੇਜ਼ ਵਿੱਚ ਪਹਿਲਾ ਹੈ ਜੋ ਮਿਲਿਆ ਹੈ。

ਸਾਡੇ ਪੂਰੇ CSS ਚੋਣਕਾਰ ਰੈਫਰੈਂਸ ਮੈਨੂਅਲ.

ਵਾਪਸੀ ਮੁੱਲ

ਪ੍ਰਕਾਰ ਵਰਣਨ
ਬੋਲੀਨ ਮੁੱਲ
  • true - ਐਲੀਮੈਂਟ ਚੋਣਕਰਤਾ ਨਾਲ ਮੇਲ ਖਾਦਾ
  • false - ਐਲੀਮੈਂਟ ਅਤੇ CSS ਚੋਣਕਰਤਾ ਨਾ ਮੇਲ ਖਾਦਾ

ਬਰਾਉਜ਼ਰ ਸਮਰਥਨ

ਪਹਿਲਾ ਪੂਰੀ ਤਰ੍ਹਾਂ ਸਮਰਥਨ matches() ਮੇਥਡ ਦੀ ਬਰਾਉਜ਼ਰ ਵਰਜਨ:

ਚਰਾਮੇ ਐਜ਼ਡ ਫਾਇਰਫਾਕਸ ਸਫਾਰੀ ਓਪਰਾ
ਚਰਾਮੇ
33		 ਐਜ਼ਡ
15		 ਫਾਇਰਫਾਕਸ
34		 ਸਫਾਰੀ
7		 ਓਪਰਾ
21
2014 ਦਾ ਮਹੀਨਾ 2 2017 ਦਾ ਮਹੀਨਾ 4 2014 ਦਾ ਮਹੀਨਾ 12 2013 ਦਾ ਅਕਤੂਬਰ 2014 ਦਾ ਮਈ