此栏主要就文本：
甚么是DOM?Document第一类Dom结点进行分类Document结点特性建立网页原素操作形式网页原素特性自学最终目标：
一、甚么是DOM?
DOM Document Object Model，文件格式第一类数学模型，DOM能以一类分立于网络平台和词汇的形式出访和修正html文件格式的文本和内部结构。
二、Document第一类
Document 第一类是 HTML 文件格式的根结点。
Document 第一类使我们能从脚本中对 HTML 网页中的所有原素进行出访。
Document 第一类是 Window 第一类的一部分，可通过 window.document 特性对其进行出访
三、DOM结点进行分类
在 HTML DOM (Document Object Model) 中 , 每一个原素都是 结点:
文件格式是一个文件格式结点。
所有的HTML原素都是原素结点。
所有 HTML 特性都是特性结点。
文本插入到 HTML 原素是文此栏点。are text nodes。
注释是注释结点。
四、Document结点特性
3.1返回文件格式内部的某个结点
doctype,documentElement,body,head
1.doctype
2.documentElement
3.Body
4.Head
3.2返回文件格式指定信息
documentURI，URL，domain，lastModified，location，title，readyState特性
1.documentURI:返回当前的网址（url）
2.URL
3.domain:返回当前的域名
lastModified
Location:
location.assign(传递一个url);
window.location = 传递一个url;
location.href = 传递一个url;
Title:
readyState
readyState特性返回当前文件格式的状态。
共有三种可能值：
加载HTML代码阶段（尚未完成解析）是“loading”，
加载外部资源阶段是“interactive”，
全部加载完成是“complete”。
3.3返回文件格式内部特定结点的集合
anchors,forms,images,links,scripts
4.1 getElementById()
4.2 getElementsByTagName()
getEl
4.3 getElementsByName()
4.4 getElementsByClassName()
4.5 querySelector()
4.6 querySelectorAll()
4.7 getElement和querySelector的区别
query选择符选出来的原素及原素数组是静态的，而getElement这种方法选出的原素是动态的。静态的就是说选出的所有原素的数组，不会随着文件格式操作而改变． 在使用的时候getElement这种方法性能比较好，query选择符则比较方便．
1.得到的原素不是须要很麻烦的多次getElementBy..的话，尽量使用getElementBy..,因为他快些。
2.得到的原素须要很麻烦的多次getElementBy..组合才能得到的话使用querySelector，方便。
3.看实际情况，你决定方便优先还是性能优先。
建立li原素，getElement建立原素，会造成死循环，而使用querySelecotor建立的li原素是能的
4.7.1实例：修正一个通过单击div块的文本
4.8 作业：日历的制作
4.9 实例：选项卡的制作
普通实现：
使用let实现
作业：选项卡闭包的实现
作业：建立一张图片，并添加特性，给图片添加边框样式
六、建立网页原素（重点）
6.1 createElement()：建立原素结点
6.2 createTextNode()：建立文此栏点
6.3 createAttribute()：建立特性
6.4 className的使用
6.5 实例：建立一个菜单
建立什么样原素
Ul ,li,
设置特性：样式
七、操作形式网页原素特性
7.1 原素特性结点的操作形式
语法：
setAttribute(特性名,特性值)：给结点原素设置特性
removeAttribute(特性名)：删除特性
7.2 style特性的操作形式
style第一类的cssText特性
7.3 style特性其他方法的操作形式
style第一类提供了三个方法来读写行内css规则：
setProperty(propertyName,value)：设置某个CSS特性。
getPropertyValue(propertyName)：读取某个CSS特性的值。
removeProperty(propertyName)：删除某个CSS特性。
7.4 setAttribute和createAttribute的区别
7.5 作业：建立一个宽度500，高度300，背景蓝色的div块原素。
本文由尚学堂前端学院原创，欢迎关注，带你一起自学Web前端知识！
