Element.querySelector()
Baseline
Widely available
This feature is well established and works across many devices and browser versions. Itâs been available across browsers since иÑÐ»Ñ 2015 г..
ÐозвÑаÑÐ°ÐµÑ Ð¿ÐµÑвÑй ÑлеменÑ, ÑвлÑÑÑийÑÑ Ð¿Ð¾Ñомком ÑлеменÑа, на коÑоÑÑй пÑименено пÑавило Ñказанной гÑÑÐ¿Ð¿Ñ ÑелекÑоÑов.
СинÑакÑиÑ
element = baseElement.querySelector(selectors);
elementиbaseElementÑÑоelementобÑекÑÑ.selectors- ÑÑо гÑÑппа ÑелекÑоÑов Ð´Ð»Ñ Ð¿Ð¾Ð¸Ñка ÑовпадениÑ.
ÐÑимеÑ
ÐаннÑй пÑÐ¸Ð¼ÐµÑ Ð¿Ð¾Ð»ÑÑÐ°ÐµÑ Ð¿ÐµÑвÑй ÑÐ»ÐµÐ¼ÐµÐ½Ñ style, коÑоÑÑй не Ð¸Ð¼ÐµÐµÑ Ð°ÑÑибÑÑа type или ÑÑÐ¾Ñ Ð°ÑÑибÑÑ Ñавен text/css, в Ñеле (body) HTML докÑменÑа:
var el = document.body.querySelector(
"style[type='text/css'], style:not([type])",
);
ÐÑимеÑаниÑ
ÐозвÑаÑÐ°ÐµÑ null еÑли ÑÐ¾Ð²Ð¿Ð°Ð´ÐµÐ½Ð¸Ñ Ð½Ðµ найденÑ, инаÑе пеÑвÑй найденнÑй ÑлеменÑ.
ÐенеÑиÑÑÐµÑ Ð¸ÑклÑÑение SYNTAX_ERR еÑли ÑÐºÐ°Ð·Ð°Ð½Ð½Ð°Ñ Ð³ÑÑппа ÑелекÑоÑов не коÑÑекÑна.
querySelector() бÑл пÑедÑÑавлен в WebApps API.
СÑÑока аÑгÑменÑов пеÑÐµÐ´Ð°Ð²Ð°ÐµÐ¼Ð°Ñ querySelector() должна ÑдовлеÑвоÑÑÑÑ ÑинÑакÑиÑÑ CSS. Ðолее подÑобнÑе пÑимеÑÑ ÑмоÑÑиÑе в document.querySelector.
СпеÑиÑикаÑии
| Specification |
|---|
| DOM # ref-for-dom-parentnode-queryselectorâ |