>  기사  >  웹 프론트엔드  >  Dom 소개 튜토리얼 다이어그램 권장_DOM

Dom 소개 튜토리얼 다이어그램 권장_DOM

WBOY
WBOY원래의
2016-05-16 18:21:311702검색

그렇다면 Dom은 HTML 파일을 어떻게 읽고 관리합니까? 먼저 HTML의 소스코드 구조를 이해해야 합니다. 그림을 보세요
Dom 소개 튜토리얼 다이어그램 권장_DOM
Html을 공부하거나 작성해 본 적이 있다면 위 그림을 명확하게 이해할 수 있을 것입니다. 제가 설명하고 싶은 것은 HTML의 소스 코드 구조가 계층적이며, 태그와 태그 사이에도 부모-자식 또는 인접 관계가 있다는 것입니다. 위 그림을 보면 HTML 태그가 최상위 수준이라는 것을 쉽게 알 수 있습니다. 가장 높은 것. html 파일의 루트로 이해될 수도 있습니다. 그 뒤에 Head 및 Body 태그가 옵니다. 이 두 레이블은 인접해 있습니다. 형제관계로도 이해될 수 있다. 그러나 이들은 모두 html 하위 태그 또는 하위 요소에 속합니다. 그런 다음 Body 태그에는 Table, Div, Div가 포함됩니다. 이 세 가지 태그는 Body의 하위 태그 또는 하위 요소로 이해될 수 있습니다. 몸은 아버지이고 그들은 아들입니다. Head에 포함된 태그에도 동일하게 적용됩니다. 또한 첫 번째 div에는 다른 div가 포함되어 있습니다. 두 번째 div에는 일부 텍스트 콘텐츠가 포함되어 있습니다. 그들의 관계는 아버지와 아들의 관계이기도 하다. Dom은 HTML 소스 코드의 이러한 관계 구조를 활용합니다. 그리고 HTML 소스 코드에서 영리하게 자유롭게 걸어보세요. 무술 고수처럼요. 그의 "Lingbo Weibu"를 마음껏 사용하십시오. 아래 코드를 보세요. 코드 구조는 위 그림과 일치합니다. 차이점은 일부 DOM 명령 작업을 수행하기 위한 버튼이 몇 개 더 있다는 것입니다. 실행하고 나면 신비롭고 놀라운 돔의 세계로 들어가게 됩니다! ! !

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
이전 기사:chrome/ff/ie_javascript 기술에서 iframe 프레임 테두리 간의 차이점을 해결하세요.다음 기사:chrome/ff/ie_javascript 기술에서 iframe 프레임 테두리 간의 차이점을 해결하세요.

관련 기사

더보기