선택기 그런 것들의querySelector와querySelectorAll

query Selector 및 query Selector All

는 W3C Selectors API Level 1 사양에 정의되어 있음

역할은 CSS 선택기 규범에 따라 문서에 지정된 요소를 포지셔닝하는 것이다

IE8 및 그 이상 버전, FF, 크롬, 사파리, Opera 등이 지원

어떤
NodeList,
Element의 인스턴스 객체와 Document DocumentFragment의 인스턴스 객체에는 두 가지 방법이 있습니다.

querySelectorAll은 조건에 맞는 모든 노드의 내용을 되돌려줍니다.NodeList | 빈 그룹을 되돌려주지 않으면

querySelector는 조건에 맞는 첫 번째 노드의 내용만 되돌려줍니다. Node |null

이 되돌려주지 않으면
코드 예:

<div id="header">
    <div class="container relative">
      <a class="logo absolute">
	   <img src="img/logo.png" alt="logo"/>
      </a>
    </div>
</div>

헤더 가져오기

var document = doc;
doc.querySelector('#header');
doc.querySelectorAll('#header')[0];

참고:
규범 규정 안의 매개 변수---
선택기는 현재 문서에 대한 것입니다.
확장 읽기:
1、 http://www.w3.org/TR/selectors-api/
2、 http://www.w3help.org/zh-cn/casestudies/003

이 내용에 흥미가 있습니까?

현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:

선택기 그런 것들의querySelector와querySelectorAll

query Selector 및 query Selector All 는 W3C Selectors API Level 1 사양에 정의되어 있음 역할은 CSS 선택기 규범에 따라 문서에 지정된 요소를 포지셔닝하는 것이다 IE...

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.

선택기 그런 것들의querySelector와querySelectorAll

좋은 웹페이지 즐겨찾기