[Javascript] className, classList, ๊ทธ๋ฆฌ๊ณ toggle!
์๋ฐ์คํฌ๋ฆฝํธ์์ style๋ฅผ ๋ฐ๊พธ๊ณ ์ถ์ ๋ ๋ฐ๋ก. style๋ก ๋ณ๊ฒฝํด๋ ๋์ง๋ง, ์ฝ๋๋ ๊ธธ์ด์ง๊ณ ๋ฌด์๋ณด๋ค JSํ์ผ์์ CSS๋ฅผ ์ฐ๊ณ ์๋ค๋ ๊ฒ ๋ง์์ ๊ฑธ๋ฆฐ๋ค. ์ด๋ด ๋๋ ๋ฏธ๋ฆฌ css ํ์ผ์ ๋ณ๊ฒฝํด๋ ์คํ์ผ์ ์ง์ ๋ ์ด๋ฆ์ผ๋ก ์ ์ธํด๋๊ณ ์๋ฐ์คํฌ๋ฆฝํธ์์ class๋ฅผ ๋ณ๊ฒฝ๋ง ํด์ฃผ๋ฉด ๋๋ค! 1. className className์ HTML์์ ๋ถ๋ฌ์จ Element์ class ์ด๋ฆ์ css์์ ์ง์ ํ ์ ํ์ ์ด๋ฆ์ผ๋ก ๋ณ๊ฒฝํ๋ค. Element๋ฅผ ๊ฐ์ ธ์ค๋ ๊ฒ์ document.getElementsByClassName์ด๋ querySelector๋ก ๊ฐ์ ธ์จ๋ค. // Javascript function changeStyle() { ๊ฐ์ ธ์จElement.className = "๋ณ๊ฒฝํ ์ด๋ฆ"; } // CSS .๋ณ๊ฒฝํ ์ด..