今天小菜虫没什么工做任务,了解了一下前端知识。虽然学过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