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