# classList

crg1050

해당 코드 처럼 event를 작성할 수 있다.이렇게 작성할 경우 active class에 오타가 있을 때 오류가 발생할 수 있다. clickedClass를 선언해 오류를 조금 줄 일 수 있으나 기존 클래스가 이미 존재할 경우 해당 class는 없어지고 active cl

vieowf23r

document object model문서 객체 모델dom은 웹페이지를 구성하는 자바스크립트 객체들의 집합.dom은 자바스크립트를 통해 웹 페이지의 콘텐츠로 접근하는 창이자 통로이다.HTML과 Javascript를 같이 쓸수 있다.웹페이지의 콘텐츠들을 자바스크립트를 통

pdg02307

add( String \[, String \[, ...]] )지정한 클래스 값을 추가한다. (여러개 동시 삽입 가능)만약 추가하려는 클래스의 element의 class 속성이 이미 존재한다면 무시한다.remove( String \[, String \[, ...]] )지

nuyhes

HTMLCSS결과HTMLCSSScriptCSS에 javascript로 적용하기 위해 .shrink라는 클래스를 classList를 사용하기 위해 넣어 두었다.스크롤이 내려가면 로고가 바뀌어야 하므로 변수를 지정하고 변할 img 파일 경로를 넣어둔다.조건문을 만들어 sc

nuyhes

반응형 페이지 제작 1-4 > 결과 >HTML >모바일 슬라이드 섹션부분은 'swiper'에서 가져왔다. 반응형페이지 이므로 모바일 사이즈로 줄어들면 보이는 슬라이드 영역이다. 기존의 슬라이드는 diplay: none; 이 된다. > CSS > Script

nuyhes

전체 결과1-3 진행 결과오늘은 배너와 배너 하단 컨텐츠 부분을 제작하였다. HTMLCSS2의 배수로(2n) 으로 위아래 정렬을 했다. 각 relative와 absolute를 활용하여 1~15 nth-child를 이용하여 위치를 조절했다. Script.btn li 를

ssonnni

1) click event 발생 및 함수 실행 2) currentColor 변수 선언 후 h1.style.color 값 복사 (getter) 3) newColor 변수 선언 4) currentColor 현재 값 확인 5) 조건에 따라 newColor에 "tomato

wlwl99

CreateAppend (DOM에는 HTML에 적용하는 메소드가 추가로 있다.)ReadUpdateDelete: DOM을 JavaScript로 조작하여 HTML Element를 만드는 것document 객체의 createElement(tagName) 메소드를 이용하여 H

sobaboy

not good practice because we're changing the style of each element using Javascript all of our styles should actually be inside our CSS. But the probl

tanger2ne

classLists를 이용하면 문자열 파싱 없이 class 속성에 값을 추가하거나 제거하기 쉽다.classList.add(String)class의 속성 값을 추가이미 추가 된 속성값이면 무시classList.remove(String)class 속성 값을 제거이미 제거되

ssonnni

Javascript 객체로 HTML요소를 가져오면 style이라는 프로퍼티(속성)객체가 내장된다.style객체는 모든 CSS속성을 프로퍼티로 갖고있다.css적용은 스네이크표기법이 아닌 카멜표기법으로 변환하여 적용한다. ex)font-family -> f

heesoolee

요소에 스타일을 적용하는 방법은 두 가지가 있다. 첫 번째는 CSS에 클래스를 만들고, HTML 요소에 클래스를 추가하는 것이다. 그 예는 다음과 같다. 두 번째는 프로퍼티를 style에 바로 써주는 것이다. 두 방법 중 하나를 선택해야 한다면 style보다 CSS 클

sorin44

id, pw 입력 시 로그인 버튼 활성화 기능 위코드 수업 중 id, pw 입력 시 로그인 버튼을 활성화 기능을 구현하라고 했으나 어떻게 진행해야할지 손도 대기 어려웠다. westagram login page 위의 화면에서 아이디와 비밀번호 둘 다에 한 글자라도

gonkang_jeondosa

자바스크립트에서는 html의 class명을 입력 / 수정할 수 있다.h1태그의 문자를 클릭할 때마다 h1태그의 class명을 바꾸는 코드를3가지 방법으로 사용가능하기에 하기와 같이 소개한다.클래스명이 단일값일 경우 사용가능하다.통상 복수의 클래스명을 가져가는 경우가 많

yhj96

🧾 속성 노드 조작 방법 알아보기.

ronglong

이 속성은 element 안의 text 값들만을 가져옵니다. innerText와는 달리 innerHTML은 element 안의 HTML이나 XML을 가져옵니다 element.innerText에 html을 포함한 문자열을 입력하면, html코드가 문자열 그대로 el

ssket

classList.add(), classList.remove(), classList.toggle(), classList.replace(), classList.item(), classList.contains()

hongwr

head, body, title은 document.body 이런식으로 바로 불러올 수 있지만 그 외는 querySelector나 getElementsByClassName 등으로 불러야 한다.const h11 = document.querySelector(".hello h

choi46910

같은 팀원 분이 알려주신 내장함수 toggle! 이렇게 간편하게 한줄로 class를 붙일 수 있다니~~

citron03

자바스크립트를 통해서 HTML의 요소에 접근하고 이를 수정할 수 있다. class를 추가하고 삭제하여 적용되는 CSS 속성도 변경할 수 있다.