DOM 学习笔记

DOM

了解一下dom
因为js是用来和用户进行交互的
而交互的结果一般要展示到网页
W3C提供了DOM的应用程序编程接口可以让js操作html和css了
把html所有的标签都当做一个对象来处理
js可以操作对象的属性和方法
DOM封装的各种函数方法让我们可以通过js来修改页面效果
1、获取网页中的所有标签对象
2、可以修改每个标签的属性
3、新增标签属性
4、删除标签
CRUD 增删改查
W3C组织给我们提供了一套应用程序编程接口
像调用内置对象一样去调用关于浏览器的API接口即可
WEB API

DOM 文档（document）对象模型
文档指的是网页这个文件document
把网页里的所有的标签元素都当成对象去使用
DOM封装了各种函数功能，能改变标签元素的属性、属性值、样式等

元素 每一个标签都是元素element
节点 网页里所有的东西都看做一个节点,包括换行
节点获取对象和getElement、querySelecor获取对象 经常混合
使用节点获取对象比较方便

把这个网页当成一个对象来用js操作
网页中所有的标签元素也都当做一对象
var document = {
    body:{},
    head:{},
    getElementById:function(){
        方法功能是根据id获取一个document里对象
    }
    
}  
document对象是直接帮我们初始化好的
每个标签都是一个对象
节点：
document也是一个节点
每个标签也是一个标签节点、标签属性也是一个节点是属性节点、网页中的文本内容包		 括换行都是一个文本节点

节点

    
百度
    
淘宝
    
拼夕夕