Search

DOM

νƒœκ·Έ
Select
μ„Ήμ…˜0
Document Object Model
μ›Ή λΈŒλΌμš°μ €λ‘œ html νŒŒμΌμ„ μ—΄ λ•Œ, λΈŒλΌμš°μ €λŠ” λ Œλ”λ§ 엔진을 μ΄μš©ν•΄ html νŒŒμΌμ„ ν•œμ€„μ”© ν•΄μ„ν•©λ‹ˆλ‹€. 이 과정이 λλ‚˜λ©΄ html νŒŒμΌμ€ 객체화 λ˜μ–΄ μžλ°”μŠ€ν¬λ¦½νŠΈλ‘œ μ œμ–΄κ°€ κ°€λŠ₯ν•˜κ²Œ λ˜λŠ”λ°, 이λ₯Ό DOM 이라고 ν•©λ‹ˆλ‹€. 즉, μ›Ή λ¬Έμ„œλ₯Ό 객체화 ν•œκ²ƒμ„ λ§ν•©λ‹ˆλ‹€.
λ˜ν•œ λ¬Έμ„œκ°μ²΄ λͺ¨λΈ λΈŒλΌμš°μ €μ—μ„œ μžλ°”μŠ€ν¬λ¦½νŠΈλ‘œ html μš”μ†Œλ₯Ό μ œμ–΄ν• μˆ˜ μžˆλ„λ‘ μ œκ³΅ν•˜λŠ” api 라고도 ν•©λ‹ˆλ‹€.
Tree ꡬ쑰
DOM 은 μ•„λž˜μ™€ 같은 tree ꡬ쑰둜 λ˜μ–΄ μžˆμŠ΅λ‹ˆλ‹€.
각각의 μš”μ†Œλ“€μ„ node 라고 λΆ€λ₯΄λ©°, DOM tree 의 μ΅œμƒμœ„ node λŠ” Document μž…λ‹ˆλ‹€. 이λ₯Ό 톡해 DOM μš”μ†Œμ— μ§„μž…ν•  수 μžˆμŠ΅λ‹ˆλ‹€.