DOM是什么?

今天小菜虫没什么工做任务,了解了一下前端知识。虽然学过javascript,html,可是小菜虫发现,并不理解前端的一些概念,在知乎上看到一个解释DOM的答案,写的很是浅显易懂,摘录下来,总结学习。javascript

什么是 DOMhtml

  • 你能够把 DOM 当作节点
  • 图例
  • 上图是一个 html 文件,也就是网页的结构。
  • html 标签是一个节点(Node)。
  • head、title、body、p 标签都是节点。
  • 嵌套其余节点的节点叫作父节点。
  • 被嵌套的节点叫作子节点。
  • 同一个父节点下的节点叫作兄弟节点。
  • 父亲的父亲以及上溯十八代祖宗叫作祖先节点。
  • 儿子的儿子以及子子孙孙无穷匮也叫作后代节点。
  • DOM 有什么用前端

  • 经过 DOM 你能够改变网页。
    • 你能够使用 Javascript 语言来操做 DOM 以改变网页。
    • 为了改变网页,你必须告诉 Javascript 改变哪个节点。这就是操做 DOM。
    • 好比:
  • 这就是前端。
    • HTML 表达静态结构(网页有哪些元素,每一个元素表明什么意义,元素包含了什么内容)
    • CSS 呈现美化(元素的颜色,形状,布局)
    • Javascript 负责动态交互(操做 DOM,使用 Ajax 进行异步刷新,与服务器交互)
  • 做者:Fadeoc Khaos
    连接:https://www.zhihu.com/question/34219998/answer/58211568
    来源:知乎
    著做权归做者全部。商业转载请联系做者得到受权,非商业转载请注明出处。java

相关文章
相关标签/搜索