Dom文档对象模型
innerText： 即使后面是一段代码，也只是将其当作普通字符串来看待 innerHTML：会把后面的“字符串”当作一段代码解释并执行
-
console.dir(one.parentElement); //找父级ul
console.dir(one.parentNode); //找父级 返回元素的父节点
console.log(parent.childElementCount) //节点的数量（找的是直接的孩子） console.log(parent.childNodes) //返回元素的一个子节点的数组 console.log(parent.children) //4个节点 分别是四个li console.log(parent.firstElementChild) //第一个子节点 1 console.log(parent.lastElementChild)
//最后一个子节点 4
删除节点
One.remove();//自杀
var fourth = parent.lastElementChild;
parent.removeChild(fourth);//虎毒食子 删除一个子元素
创建元素
document.createElement(\ 添加元素
parent.insertBefore(newLi,null); // 现有的子元素之前插入一个新的子元素
添加元素 必须给两个参数，一个值多次添加会覆盖，如果null的位置上有值 就是在值的之前添加
parent.append(\ //在后面添加 parent.appendchild //为元素添加一个新的子元素
替换元素
parent.replace() //替换自己 parent.replaceChild()
替换一个子元素
document.getElementById(\newnode,oldnode); newnode你要插入的节点对象。 oldnode你要移除的节点对象。 克隆节点
Clone() 克隆方法
CloneNode() //克隆某个元素 克隆节点 只克隆本身没有克隆内容 浅克隆 里面传一个true是深克隆，元素及 事件都会克隆
家庭成员信息表的编辑
disabled //会变成灰色 不能修改也不能提交
JavaScript 中 this 不是固定不变的，它会随着执行环境的改变而改变。 在方法中，this 表示该方法所属的对象。
如果单独使用，this 表示全局对象。 在浏览器中，window 就是该全局对象为 [object Window]: 在函数中，this 表示全局对象。
在函数中，在严格模式下，this 是未定义的(undefined)。
在事件中，this 表示接收事件的元素。 在 HTML 事件句柄中，this 指向了接收事件的 HTML 元素：
getElementsByTagName() 返回指定标签名的所有子元素集合
//百度百科：getElementsByTagName是一个JavaScript函数，功能是通过查找整个
HTML 文档中的任何 HTML 元素，传回指定名称的元素集合。
setAttribute() // 设置或改变指定属性并指定值
语法：element.setAttribute(attributename,attributevalue) Attributename 必须。你要添加的属性名称 attributevalue 必须。你要添加的属性值。
removeAttribute() 方法删除指定的属性
Js事件：
.bler：失去焦点
.mousedown：鼠标按下 .dblclick：鼠标双击 .click：鼠标单击 .keyup：键盘弹起 .keydown：键盘按下 .focus：获得焦点
.mouseover：鼠标经过 .mousemove：鼠标移动 .mouseout：鼠标离开 mouseup：鼠标弹起
.reset：表单重置 .submit：表单提交
.select：文本被选定
.change：下拉列表选中项改变，或文本框内容改变 .load：页面加载完毕
//需求：即保留超链接样式，用户点击改超链接的时候执行一段js代码，但不跳转页面
Javascript：void(0) //执行表达式，但不返回任何结果 javascript 不能省略 作用：告诉浏览器后面是一段js代码。
添加事件监听
对同一个元素添加相同事件不会覆盖
addEventListener(\通过事件名字进行添加 alert(\我被点\}）
删除事件监听
removeEventListener(\事件名字\
事件流： 有里及外：冒泡
取消冒泡事件 function（event）{ event.cancelBubble= true }
由外及里：捕获
Dom文档对象模型
