본문 바로가기

querySelectorAll2

요소 선택 자바스크립트 요소 선택 자바스크립트에서 CSS 선택자를 넘겨서 원하는 HTML 요소를 찾을 수 있도록 함수를 제공하고 있다. 대표적으로 querySelector() 함수는 선택자에 부합하는 요소 중에서 첫 번째 요소만을 반환하고, querySelectorAll() 함수는 선택자에 부합하는 모든 요소를 반환한다. 01. 요소를 직접 선택하는 메서드 메서드 속성 입력 방법 : document . 메서드명 ( ' 요소명 ' ) 메서드 설명 getElementById() HTML 요소 중 id 속성인 요소를 선택한다. ex) document.getElementById('header') getElementByClassName() HTML 요소 중 class명으로 선언한 요소를 선택한다. ex) document.g.. 2022. 8. 7.

퀴즈 문제 만들기03 퀴즈 주관식(여러문제) 유형 자바스크립트를 이용하여 웹디자인기능사 필기문제를 주관식 유형 퀴즈로 여러개 제작해보기 4개의 주관식 퀴즈를 하드 출력, 반복문과 조건문을 이용한 출력으로 나누어 살펴보자! #1. 선택자 자바스크립트 소스 상수에게 해당명칭(ex: quizType)을 선언해주고 쿼리셀랙터(태그, 아이디, 클래스를 선택할 수 있는 것)로 선택한 요소를 찾아서 넣어보자! //선택자 const quizType = document.querySelectorAll(".quiz__type"); //퀴즈종류 const quizNumber = document.querySelectorAll(".quiz__question .number"); //퀴즈 번호 const quizAsk = document.querySel.. 2022. 8. 6.

이전 1 다음

728x90

Lucky Charms Rainbow

JAVASCRIPT

html

HTML

css

CSS

티스토리툴바