getMethod

mixin์€ ์ธ์Šคํ„ด์Šค๊ฐ€ ์—†๊ธฐ ๋•Œ๋ฌธ์— ํ•˜๋‚˜์˜ ์ธํ„ฐํŽ˜์ด์Šค์— ์†ํ•ด์žˆ์–ด์•ผ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๊ณ , ํ•˜๋‚˜์ธ ๊ฒฝ์šฐ partial, ๋‹ค์–‘ํ•œ ๊ณณ์—์„œ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋‹ค๋ฉด mixin

//id๋กœ DOM์„ ์ฐพ์Œ

const id = document.getElementById("id"); // ๊ฐ€์žฅ ๊ฐ€๊นŒ์šด ์—˜๋ฆฌ๋จผํŠธ๋ฅผ ๊ฐ์ฒด๋กœ ๋ฐ˜ํ™˜
//๋ชจ๋“  ์—˜๋ฆฌ๋จผํŠธ ๋ฐ˜ํ™˜

const el = document.getElementsByClassName("category"); //category๋ฅผ ํฌํ•จํ•˜๋Š” ๋ชจ๋“  ์—˜๋ฆฌ๋จผํŠธ๋ฅผ ๊ฐ์ฒด๋กœ ๋ฐ˜ํ™˜
//document vs element

const el = document.getElementsByTagName("span"); //document์ธ ๊ฒฝ์šฐ ์ „์ฒด ๋„ํ๋จผํŠธ์—์„œ ๊ฒ€์ƒ‰ํ•ด ๋ฐ˜ํ™˜
el.getElementsByTagName("button"); //element์ธ ๊ฒฝ์šฐ ์„œ๋ธŒํŠธ๋ฆฌ


//namespace๋ž€ "http://naver.com" ๊ฐ™์€ ๊ฒƒ??

const el = document.getElementsByTagNameNS(namespace, "div") //???? namespace๋ฅผ ์ฃผ์ง€ ์•Š์œผ๋ฉด ๋””ํดํŠธ ๊ฐ’์ด ์„ค์ •๋จ

Last updated