javascript queryselector란 querySelectorAll() 사용. 결과가 메소드에 의해 반환됩니까?



queryselector getelementbyid 차이 (1)

반환 된 노드 목록이 정렬됩니다. 빠른 테스트 결과 :

document.querySelectorAll("body, head")[0]; //Returned [object HTMLHeadElement]

분명히 <head> 태그는 HTML 문서의 <body> 앞에 나타납니다. selector가 head 앞에 body 를 표시하더라도 NodeList의 첫 번째 요소는 <head> 요소입니다.

http://www.w3.org/TR/selectors-api/#queryselectorall :

NodeSelector 인터페이스의 querySelectorAll() 메소드는 호출 될 때 노드의 하위 트리에있는 일치하는 모든 Element 노드 를 문서 순서로 포함하는 NodeList를 반환해야합니다. 그러한 노드가없는 경우, 메소드는 하늘의 NodeList를 돌려 줄 필요가 있습니다.

https://ffff65535.com

여러 페이지에서 작동하는 js 코드를 만들려고합니다. querySelectorAll ()을 사용하여 요소 양식을 DOM에서 가져 오려고합니다.

주문할 요소가 필요합니다. 그것을하기 위해 나는 xPath 나 selector를 사용할 수있다. (나는 selector를 사용하는 것을 선호하지만 xPath 또한 괜찮다). 문제는:
querySelectorAll ()에 의해 반환 된 NodeList의 요소는 HTML에 태그가 나타나는 순서에 따라 정렬됩니까?

참고 : 태그를 추가하고 싶습니다. querySelectorAll





selectors-api