์๋ฐ์คํฌ๋ฆฝํธ.......................1 ์๋ฐ์คํฌ๋ฆฝํธ ํจ๋ด๋์ค ํจ๊ณผ : ํ ์คํธ ํจ๊ณผ ์๋ฐ์คํฌ๋ฆฝํธ : ํจ๋ด๋์ค ํจ๊ณผ : ํ ์คํธ ํจ๊ณผ ์๋ฐ์คํฌ๋ฆฝํธ์ ๋ค์ํ ํจ๊ณผ๋ค ์ค, ํจ๋ด๋์ค ํจ๊ณผ์ ๋๋ค. ์ด๋ฒ์๋ ์คํฌ๋กค์ ๋ด๋ฆด ๋๋ง๋ค ํด๋นํ๋ ์น์ ์ ํ ์คํธ๊ฐ ํ ๊ธ์์ฉ ๋ํ๋๋๋ก ์์ ํด ๋ณด๊ฒ ์ต๋๋ค. 1. ๊ธ์จ ์ชผ๊ฐ๊ธฐ document.querySelectorAll(".split").forEach((text) => { let splitText = text.innerText; let splitWrap = splitText.split("").join(""); splitWrap = "" + splitWrap + ""; text.innerHTML = splitWrap; // p ํ๊ทธ(split)์ label ์์ฑ ์ถ๊ฐ text.setAttribute("aria-label", splitText); }); ๊ธ์๊ฐ ํ๋.. 2022. 9. 29. ์ด์ 1 ๋ค์ 728x90 ๋ฐ์ํ
