1.DOM第一类
DOM，全名“Document Object Model（文件格式第一类数学模型）”，它是由W3C表述的两个国际标准DOM操作形式，能认知为“原素操作形式”2.DOM内部结构
每两个原素是两个结点，而每两个结点是两个第一类。（第一类由形式和特性）3.结点类别（有12种，但他们只须要介绍下列3种）（很大要回去认知，方便快捷前面自学）
搞清楚结点和原素是相同的基本上概念，结点主要包括原素原素结点则表示原素的叫作“原素结点”特性结点则表示特性的叫作“特性结点”文件格式结点论述文件格式的叫作“文件格式结点”
getElementById() 模块为 id名 （不须要加 # 号）比如：
原素条码（Elements加了 s），共同组成两个类字符串 类字符串和字符串的差别： 类字符串是两个假字符串，它根本难以利用字符串的基本上特性，比如：length，arr[i],但无法利用形式，比如：push()、shift()等形式getElementsByClassName()模块名叫 class名 （不须要加 . 号）比如：<div class=”txt”></div> getElementsByClassNa()前面根本难以接document，而getElementsByTagName()和getElementsByClassName()不但能接document，还能接其它DOM原素
3.getElementById()、getElementsByClassName()无法操作形式谢利谢的DOM原素，但getElementsByTagName()能
甚么是谢利谢DOM原素？（认知）
是用JS的形式建立的原素叫作“谢利谢的DOM原素”
querySelector()模块名叫 示例名优先选择第一类：通常而言第一类促进作用：优先选择任一的第两个原素（那个细细认知）querySelectorAll()模块名叫 示例优先选择第一类：数个促进作用：优先选择任一的全数原素，共同组成两个类字符串getElementsByName()该形式只用作 配置文件原素（通常只用作单选框 或是 多选5.建立原素（娴熟路子）
路子：说白了是装配原素，是即使结点分成四个，想建立出两个暗含特性、暗含文件格式的原素不然，他们就先建立文件格式结点、在建立原素结点，之后将文件格式结点插入到原素结点里面就好了，即使每两个结点是两个第一类，所以添加特性不然就以添加第一类特性一样的形式进行添加就好了<script>
// let el = document.createElement(“原素名”) 建立原素结点
let el = document.createElement(div); // <div></div>
// let txt = document.createTextNode(文件格式内容) 建立文件格式结点
let txt = document.createTextNode(你好); // <div>你好</div>
// 将文件格式结点插入到原素结点里面，形成两个真正的动态DOM原素
el.appendChild(txt);
// 为DOM原素添加特性
el.style.color = red; // <div style=”color: red;”>你好</div>
// 将谢利谢的原素插入到页面
document.body.appendChild(el);
</script>
createElement()利用document.createElement(“原素名”)，建立两个原素结点createTextNode()利用document.createTextNode(文件格式内容)，建立文件格式结点 添加特性利用 el.style.color 这种形式伪原素添加特性注意：如果是为原素添加 class名不然，须要el.className的形式才能添加上6.插入原素（搞清楚表述）
appendChild()能使用该形式将两个新原素插入到父原素的内部子原素的“末尾”insertBefore()能使用该形式将两个新原素插入到父原素中的某两个子原素“之前” A则表示父原素、B则表示子原素、ref则表示指定子原素
A.insertBefore(B,ref)则则表示在ref之前插入B
