絮叨
这一篇博客将对于DOM进行简单的介绍。
DOM介绍
- D -document，我们编写的网页在web上变成文档对象
- O -object, 对象(JS中对象分为用户自定义对象，内建对象，宿主对象)
- M -model, 模型。 DOM将文档表示为一颗节点数=树，html为根节点
节点
我们的文档是由节点(node)构成的集合。
元素节点(element node)
<body> <p> <ul> <head>之类的元素。元素可以包含在元素中
文本节点(text node)
文本节点总是被包含在元素节点内部。例如 <p>text node</p> 其中text node即为文本节点。
属性节点
属性节点总是包含在元素节点中,用于对元素进行更具体的描述。例如 <p id = "attribute node"></p> 中id = "attribute node"是属性节点
获取元素的方法
-
getElementById返回一个对应指定id的元素对象 -
getElementsByTagName返回对应指定标签的对象数组 -
getElementsByClassname返回对应指定类名的对象数组，HTML5 中新增方法，注意兼容性
获取、设置属性
获取
object.getAttribute(attribute),getAttribute方法不属于document对象，只能通过元素节点调用。
设置
object.setAttribute(attribute, value),同样的，setAttribute只能用于元素节点
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用。你还可以使用@来通知其他用户。