๋ชฉ๋กDOM (1)

๐ŸŒฑ → ๐ŸŒณ

[JavaScript] DOM๊ณผ DOM API

๐Ÿ“Œ DOM(Document Object Model) ๐Ÿ“Œ DOM API : Document Object Model Application Programming Interface โœ… querySelector("์š”์†Œ ์„ ํƒ์ž") CSS ์š”์†Œ ์„ ํƒ์ž๋ฅผ ์‚ฌ์šฉํ•ด์„œ ์ž์‹ ์ด ๊ฐ€์ ธ์˜ค๊ณ  ์‹ถ์–ดํ•˜๋Š” ์š”์†Œ๋ฅผ ๊ฐ€์ ธ์˜ค๋Š” ๋ฉ”์†Œ๋“œ ๋ฌธ์„œ์—์„œ ๋งŒ๋‚˜๋Š” ์ œ์ผ ์ฒซ๋ฒˆ์งธ ์š”์†Œ๋ฅผ ๋ฐ˜ํ™˜ํ•จ โœ… getElementById("id") ID ์ด๋ฆ„์„ ๋ถˆ๋Ÿฌ์„œ ํ•ด๋‹น ID๋ฅผ ๊ฐ€์ง€๋Š” ์š”์†Œ๋ฅผ ๋ถˆ๋Ÿฌ์˜ค๋Š” ๋ฉ”์†Œ๋“œ โœ… classList classList.add('class1') : ์„ ํƒ ์š”์†Œ์— class1์ด๋ผ๋Š” class ๋”ํ•˜๊ธฐ classList.remove('class1') : ์„ ํƒ ์š”์†Œ์— class1์ด๋ผ๋Š” class ์ œ๊ฑฐ classList.contains('class1')..
Client/Javascript 2022. 7. 15. 17:06
์ด์ „ Prev 1 Next ๋‹ค์Œ