（1）节点类型 DOM是所有的标签
DOM 是这样规定的：整个文档是一个文档节点 每个 HTML 标签是一个元素节点 包含在 HTML 元素中的文本是文本节点 每一个 HTML 属性是一个属性节点 注释属于注释节点
（2）节点层次关系-节点彼此都有等级关系
获取Dom元素
var div0=document.getElementById("div0");
var divs=document.getElementsByTagName("div");元素名
var divs=document.getElementsByClassName("classStyle");
var div=document.querySelector("div[id$='0']")
var div=document.querySelectorAll("div[id^='div']");获得全部div
TagName元素名，
querySelector(属性选择器)如果找到多个标签时，取第一个。querySelectorAll 获取所有的
getElementsByTagName，getElementsByClassName 都是HTMLCollection（标签元素）
* getElementsByName,是nodeList
滚动属性
scrollHeight, scrollWidth
scrollHeight返回的是元素的实际内容的高度，值=子元素的height值+元素的padding-top+父素padding-bottom。
scrollTop, scrollLeft
返回已经滚动到元素的左边界或上边界的像素数。只有在元素有滚动条的时候，这些像素才有用这些属性也只在文档的 <body> 或 <html> 标记上定义（这和浏览器有关），并且一起来制定滚文档的位置。
Chrome浏览器console.log(document.body.scrollTop);
非chrome浏览器console.log(document.documentElement.scrollTop);
div.textContent="文本内容"在div中添加文本内容
容器.insertBefore(要插入的标签，插入在谁的前面)
ul.insertBefore(lis,ul.children[1]);
ul.replaceChild(lis,ul.firstElementChild);
父级.removeChild(子项)
table.removeChild(table.lastElementChild);
元素.remove(),元素自身就会删除
table.remove();
HTML 中属性如果出现多个单词，我们用-来区分，例如data-source
getAttribute(属性名) 获得属性值都是字符串
JS 中属性必须使用驼峰式命名法，因此不能使用-区分，这样我们在开发中如果想要设置标签属性必须使用setAttribute。
所有使用点语法给标签添加的属性，不能出现在标签属性上,div.source是不能出现在div标签上的
克隆体=原元素.cloneNode(true) true 深度复制，包括其子元素都复制，false，仅复制该标签。复制的克隆体都需要添加
清除点击事件
function removeHandler(e) {
e=e || window.event;
this.removeEventListener("click",removeHandler);
this.parentElement.remove();
}
textarea获取内容时必须使用value
selectedOptions所有被选中项，多选时有多个，下拉菜单是第0个是选中的
*selectedIndex下拉菜单时被选中的索引项，
反选
checkbox[j].checked=!checkbox[j].checked;
原来是true，现在变成false，原来是false现在变成true
div.textContent="文本内容";;
创建div
* 参数 parent 需要把这个div放入的父级元素 DOM
* 1、创建一个div
* 2、把这个div 放入到传入的需要放置的父级元素中
* 3、返回div，在这里每次执行该函数时返回一个新的div，
* 因此这个函数是一个工厂型函数
function createDiv(parent) {
var div=document.createElement("div");
parent.appendChild(div);
return div;
DOM 是这样规定的：整个文档是一个文档节点 每个 HTML 标签是一个元素节点 包含在 HTML 元素中的文本是文本节点 每一个 HTML 属性是一个属性节点 注释属于注释节点
（2）节点层次关系-节点彼此都有等级关系
获取Dom元素
var div0=document.getElementById("div0");
var divs=document.getElementsByTagName("div");元素名
var divs=document.getElementsByClassName("classStyle");
var div=document.querySelector("div[id$='0']")
var div=document.querySelectorAll("div[id^='div']");获得全部div
TagName元素名，
querySelector(属性选择器)如果找到多个标签时，取第一个。querySelectorAll 获取所有的
getElementsByTagName，getElementsByClassName 都是HTMLCollection（标签元素）
* getElementsByName,是nodeList
滚动属性
scrollHeight, scrollWidth
scrollHeight返回的是元素的实际内容的高度，值=子元素的height值+元素的padding-top+父素padding-bottom。
scrollTop, scrollLeft
返回已经滚动到元素的左边界或上边界的像素数。只有在元素有滚动条的时候，这些像素才有用这些属性也只在文档的 <body> 或 <html> 标记上定义（这和浏览器有关），并且一起来制定滚文档的位置。
Chrome浏览器console.log(document.body.scrollTop);
非chrome浏览器console.log(document.documentElement.scrollTop);
div.textContent="文本内容"在div中添加文本内容
容器.insertBefore(要插入的标签，插入在谁的前面)
ul.insertBefore(lis,ul.children[1]);
ul.replaceChild(lis,ul.firstElementChild);
父级.removeChild(子项)
table.removeChild(table.lastElementChild);
元素.remove(),元素自身就会删除
table.remove();
HTML 中属性如果出现多个单词，我们用-来区分，例如data-source
getAttribute(属性名) 获得属性值都是字符串
JS 中属性必须使用驼峰式命名法，因此不能使用-区分，这样我们在开发中如果想要设置标签属性必须使用setAttribute。
所有使用点语法给标签添加的属性，不能出现在标签属性上,div.source是不能出现在div标签上的
克隆体=原元素.cloneNode(true) true 深度复制，包括其子元素都复制，false，仅复制该标签。复制的克隆体都需要添加
清除点击事件
function removeHandler(e) {
e=e || window.event;
this.removeEventListener("click",removeHandler);
this.parentElement.remove();
}
textarea获取内容时必须使用value
selectedOptions所有被选中项，多选时有多个，下拉菜单是第0个是选中的
*selectedIndex下拉菜单时被选中的索引项，
反选
checkbox[j].checked=!checkbox[j].checked;
原来是true，现在变成false，原来是false现在变成true
div.textContent="文本内容";;
创建div
* 参数 parent 需要把这个div放入的父级元素 DOM
* 1、创建一个div
* 2、把这个div 放入到传入的需要放置的父级元素中
* 3、返回div，在这里每次执行该函数时返回一个新的div，
* 因此这个函数是一个工厂型函数
function createDiv(parent) {
var div=document.createElement("div");
parent.appendChild(div);
return div;
列表长度ul.children.length
