DOM2 [DOM] Document.querySelectorAll() 안녕하세요. 오늘은 Document 객체의 querySelectorAll() 에 대해 알아보겠습니다. 1. querySelectorAll(selector) querySelectorAll(selector) 은 DOM을 순회하며 선택자에 해당하는 요소들을 리스트 형태로 반환합니다. 예제에서는 article 태그 안에서 클래스가 fail인 요소를 모두 찾아 리스트 형태로 반환하였습니다. fails 변수의 길이를 콘솔로 출력하면 3이 나오는 것을 확인할 수 있습니다. 선택자의 종류는 아래 포스트를 참고해주세요. 2019/04/11 - [javascript] - [DOM] Document.querySelector() [DOM] Document.querySelector() 안녕하세요. 오늘은 Document 객체의.. 2019. 4. 14. [DOM] Document.querySelector() 안녕하세요. 오늘은 Document 객체의 querySelector 메서드에 대해 알아보겠습니다. 1. querySelector(selector) h1 Text 선택자는 CSS의 선택자 문법을 따르기 때문에 쉽게 사용할 수 있습니다. 위 예제는 대표적으로 많이 사용하는 선택자입니다. querySelector() 메서드를 통해 반환된 요소는 DOM 조작에 활용되어 사용자에게 다이나믹한 화면과 여러가지 이벤트를 제공할 수 있게됩니다. 2019. 4. 11. 이전 1 다음