HTML(ํ์ดํผํ
์คํธ ๋งํฌ์
์ธ์ด)์์ ์์ฑ(Attribute)๊ณผ ํ๋กํผํฐ(Property)๋ ํน์ ์์์ ๋ํ ์ ๋ณด๋ฅผ ์ง์ ํ๋ ๋ฐ ์ฌ์ฉ๋๋ ์ฉ์ด์
๋๋ค. ๊ทธ๋ฌ๋ ๋ ์ฉ์ด ๊ฐ์๋ ๋ช ๊ฐ์ง ์ฐจ์ด๊ฐ ์์ต๋๋ค.
์์ฑ(Attribute)
- HTML ์์์ ๋ํ ๋ถ๊ฐ์ ์ธ ์ ๋ณด๋ฅผ ์ง์ ํ๋ ๋ฐ ์ฌ์ฉ๋ฉ๋๋ค.
- ์ด๋ฆ๊ณผ ๊ฐ์ ์์ผ๋ก ๊ตฌ์ฑ๋ฉ๋๋ค.
์๋ฅผ ๋ค๋ฉด ๋ค์๊ณผ ๊ฐ์ต๋๋ค.
<a href="https://www.example.com">๋งํฌ</a>
์์ ์์์ href๋ ์์ฑ์ด๋ฉฐ, "https://www.example.com"์ ํด๋น ์์ฑ์ ๊ฐ์
๋๋ค.
ํ๋กํผํฐ(Property)
- JavaScript์์ DOM(๋ฌธ์ ๊ฐ์ฒด ๋ชจ๋ธ)์ ํตํด HTML ์์์ ์ ๊ทผํ ๋ ์ฌ์ฉ๋๋ ์ฉ์ด์ ๋๋ค.
- HTML ์์์ ์์ฑ์ ๋์ํ๋ DOM ๊ฐ์ฒด์ ํ๋กํผํฐ๋ก ๋งคํ๋ฉ๋๋ค.
์๋ฅผ ๋ค๋ฉด ๋ค์๊ณผ ๊ฐ์ต๋๋ค.
<div id="myDiv">๋ด ๋๋ธ</div> var element = document.getElementById("myDiv"); console.log(element.id); // "myDiv"
๊ฐ๋จํ ๋งํ๋ฉด, ์์ฑ์ HTML์์ ์ ์๋์ด ์๊ณ ๋ฌธ์๋ฅผ ๋ ๋๋งํ ๋ ์ฌ์ฉ๋๋ฉฐ, ํ๋กํผํฐ๋ JavaScript๋ฅผ ํตํด DOM์ ์กฐ์ํ ๋ ์ฌ์ฉ๋ฉ๋๋ค. ์ผ๋ฐ์ ์ผ๋ก ๋ ์ฉ์ด๊ฐ ์ํธ ์ด์ฉ๋๊ธฐ ๋๋ฌธ์ ๋ง์ ๊ฒฝ์ฐ์๋ ๋ ์ฉ์ด๋ฅผ ํผ์ฉํ์ฌ ์ฌ์ฉํ๋ ๊ฒ์ด ์ผ๋ฐ์ ์
๋๋ค.