이벤트

JS

JS를 이용하여 HTML 요소 조작하기

JS를 이용한 이벤트 자바스크립트를 이용하여 HTML의 요소를 조작하여 보다 생동감 넘치는 화면을 만들어 낼 수 있다. Html Grab me! Grab me! Grab me! html 안에 body태그를 살펴보면 div태그를 이용하여 모두가 class는 hello를 가지고 있고 그 안에 있는 h1태크에는 모두 Grab Me!라는 문장이 적혀있다. 이 html코드가 표현된 초기의 모습은 위와 같이 Grab me! 가 3번 적혀있는 화면일 것이다. 이제 JS코드로 한 번 가보자. JS const title = document.querySelector((".hello h1 ")) # hello 클래스안에 h1태그를 지정(선택) function handleTitleClick(){ title.style.colo..

HoyiTT
'이벤트' 태그의 글 목록