๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ

queryselector1

์š”์†Œ ์„ ํƒ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์š”์†Œ ์„ ํƒ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์—์„œ CSS ์„ ํƒ์ž๋ฅผ ๋„˜๊ฒจ์„œ ์›ํ•˜๋Š” HTML ์š”์†Œ๋ฅผ ์ฐพ์„ ์ˆ˜ ์žˆ๋„๋ก ํ•จ์ˆ˜๋ฅผ ์ œ๊ณตํ•˜๊ณ  ์žˆ๋‹ค. ๋Œ€ํ‘œ์ ์œผ๋กœ querySelector() ํ•จ์ˆ˜๋Š” ์„ ํƒ์ž์— ๋ถ€ํ•ฉํ•˜๋Š” ์š”์†Œ ์ค‘์—์„œ ์ฒซ ๋ฒˆ์งธ ์š”์†Œ๋งŒ์„ ๋ฐ˜ํ™˜ํ•˜๊ณ , querySelectorAll() ํ•จ์ˆ˜๋Š” ์„ ํƒ์ž์— ๋ถ€ํ•ฉํ•˜๋Š” ๋ชจ๋“  ์š”์†Œ๋ฅผ ๋ฐ˜ํ™˜ํ•œ๋‹ค. 01. ์š”์†Œ๋ฅผ ์ง์ ‘ ์„ ํƒํ•˜๋Š” ๋ฉ”์„œ๋“œ ๋ฉ”์„œ๋“œ ์†์„ฑ ์ž…๋ ฅ ๋ฐฉ๋ฒ• : document . ๋ฉ”์„œ๋“œ๋ช… ( ' ์š”์†Œ๋ช… ' ) ๋ฉ”์„œ๋“œ ์„ค๋ช… getElementById() HTML ์š”์†Œ ์ค‘ id ์†์„ฑ์ธ ์š”์†Œ๋ฅผ ์„ ํƒํ•œ๋‹ค. ex) document.getElementById('header') getElementByClassName() HTML ์š”์†Œ ์ค‘ class๋ช…์œผ๋กœ ์„ ์–ธํ•œ ์š”์†Œ๋ฅผ ์„ ํƒํ•œ๋‹ค. ex) document.g.. 2022. 8. 7.
728x90
๋ฐ˜์‘ํ˜•
Lucky Charms Rainbow
js

JAVASCRIPT

๋ณด๋Ÿฌ ๊ฐ€๊ธฐ
html

HTML

๋ณด๋Ÿฌ ๊ฐ€๊ธฐ
css

CSS

๋ณด๋Ÿฌ ๊ฐ€๊ธฐ

ํ‹ฐ์Šคํ† ๋ฆฌํˆด๋ฐ”