text: JS-文档对象模型以及DOM操作
  关注 JS-文档对象模型以及DOM操作概述 :
  DOM既不是HTML的一部分，也不是JavaScript的一部分，而是一系列独立的规则，所有主流的浏览器厂商都实现了这些规则，规则主要分为两个方面:
  规定HTML页面的模型
  访问和修改HTML页面展示 一、DOM模型 当浏览器加载一个Web页面时，会创建该页面的模型(称作DOM树)。
  脚本可以访问和更新这个DOM树(而不是HTML源码)。
  针对DOM树的任何修改都会反映到浏览器中。
  文档节点
  HTML元素描述了HTML页面的结构。
  需要访问DOM树时，需要从查找元素开始，一旦找到所需的元素，然后就可以根据需求来访问它的文本和属性节点。
  属性节点 二、访问DOM元素 两个步骤:定位到需要操作的元素所对应的节点。
  使用它的文本内容、子元素或属性。
  Ⅰ、访问元素
  1. 选择单个元素节点
  使用元素的id属性(id属性在页面中时唯一的)
  2. 选择多个元素
  选择使用特定标记(标签)的元素
  使用css选择器来选择所有匹配的元素
  3. 在元素之间遍历
  从一个元素节点移到另一个相关元素的节点
  选择当前元素节点的父节点(只返回一个元素)
  选择DOM树中兄弟节点
  previousSibling //前一个
  nextSibling //后一个
  返回当前元素的第一个或最后一个子节点
  Ⅱ、操作元素
  任何元素内部的文本都保存在文本节点中。
  首先选择该元素，然后 使用firstChild 获取文本节点 ，最后使用 文本节点的唯一属性 nodeValue 从元素中获取文本。
  注意该属性可以访问或修改文本节点的内容。
  *注意: 使用nodeValue属性时，必须在文本节点上操作，而不是在包含文本的元素节点上操作。
  2. 操作HTML内容
  访问元素和文本内容
  仅访问文本内容
  还有一些方法(DOM操作) 创建新的节点，将节点添加到树种，或从树中移除节点
  3. 访问或者更新属性值
  hasAttribute() 检查属性是否存在
  getAttribute() 获取属性值
  setAttribute() 更新属性值
  removeAttribute() 移除属性
  Ⅲ、缓存DOM查询
  将元素保存在变量中，实际上指的是把元素在DOM树中的位置保存在变量中，该元素的属性和方法可以通过这个变量来使用。
  这样做节省了浏览器再次在DOM树中遍历查找同一个元素的时间，该方式称为选择缓存。
  Ⅳ、NodeList 以及遍历
  1. NodeList的属性以及方法
  2. 从NodeList中选择元素
  使用item()方法
  注意: 上述 elements.item(0); 和 elements; 获取到的值时一样的，推荐使用数组语法，速度更快一些。三、获取/更新元素内容 Ⅰ、nodeValue 属性在从一个元素导航到他的文化本节点后，会使用他的属性: nodeValue 访问节点文字，或者修改其内容。
  使用nodeValue属性时，必须在文本节点上操作，而不是在包含文本的节点元素上操作。
  文本节点仅有nodeValue这一个属性。
  现在访问第二个文本节点的文本.(文本节点是em元素的下一个兄弟节点，使用nextSibling获取文本节点，然后使用nodeValue属性获取其内容)
  上述获取到的值是"figs"
  修改文本节点,将figs 修改为 hahaha , 如下:
  Ⅱ、textContent获取和更新文本
  使用textContent属性可以获取或更新包含元素(以及子元素)中的文本
  来获取li元素中的文本:
  这里得到的值是 fresh figs
  也可以使用该属性来更新元素的内容，它会替换掉整个内容(包括其中的所有标签)
  Ⅲ、innerText属性
  和textContent差不多，不过应该避免使用它
  支持情况 innerText不属于任何标准
  性能，innerText属性要考虑到布局规则来判断元素的可见性，因此获取速度比较慢。
  (以字符串的形式返回，其中有该元素包含的所有标签)
  使用innerHTML获取li元素的内容
  这里得到的值是 '<em>fresh</em>figs'
  使用innerHTML不当可能会导致 跨网站脚本(XSS)攻击
  用户输入的内容进行显示或者保存数据库中之前，在服务器端进行二次校验。
  限制用户内容的显示位置，将用户输入的内容作为纯文本，(而不是标签)显示在可见的区域的元素中。
  转义用户的内容，大多服务端语言都提供了一些辅助函数用于将恶意代码转义处理掉。四、使用DOM操作元素 Ⅰ、添加元素步骤:
  创建元素 createElement()
  设置内容 createTextNode()
  appendChild() // 添加到子节点上，最后
  insertBefore() // 把元素添加到选定的DOM节点之前。
  Ⅱ、移除元素
  把需要被移除的元素保存到一个变量中
  把该元素的父元素保存到变量中
  将元素从它的包含元素中移除
  最后来个表格吧
  removeAttribute() 从元素节点移除属性
  className 获取或设置class属性值
  id 获取或设置id属性的值
  打开CSDN，阅读体验更佳 JS操作 DOM
  文章目录获取 DOM 操作 鼠标事件键盘事件表单事件浏览器事件移动端事件
  【Javascript】 js 对象 操作 问题
  假设一个 对象 为:
  obj.hasOwnProperty("name") // 如果为true，则存在
  Object.keys(obj).length >0 // 返回所有由自身属性组成的...js DOM 模型 操作
  DOM 模型 中的节点:元素节点、文本节点、属性节点
  例:私のdotnet小屋
  (1)a是元素节点
  (2)“私のdotnet小屋”是文本节点
  节点名称，根据节点的类型而定义
  nodeValue 继续访问
  操作 dom 对象 模型 思路
  JavaScript之- 文档 对象 模型 ( DOM )
  JavaScript之 - 文档 对象 模型 ( DOM ): DOM ---Document Object Model 文档 对象 模型 ( DOM )是一个能够让程序和脚本动态访问和更新 文档 内容、结构和样式的语言平台， 提供了标准的 HTML 和 XML 对象 集， 并有一个标准的接口来访问并操
  DOM ---Document Object Model 文档 对象 模型 ( DOM )是一个能够让程序和脚本动态访问和更新 文档 内容、结构和样式的语言平台， 提供了标准的 HTML 和 XML 对象 集， 并有一个标准的接口来访问并操
  DOM 标准推出之前 继续访问
  javascript-manipulation-of-the- dom -document-object-Model: Dom 文档 对象 模型 课程的Java语言 操作
  javascript- dom - dom -document 对象 模型的操作 Laurence Svekis对 Dom 文档 对象 模型 课程的Java语言 操作
  DOM 不是...JavaScript—— 文档 对象 模型 ( DOM )
  介绍JavaScript中 DOM ...第三章:javascript- DOM 对象 模型 -补充课件.ppt
  第三章:javascript- DOM 对象 模型 -补充课件.ppt
  前端基础- 文档 对象 模型 ( DOM )
  第1章 文档 对象 模型 ( DOM )
  浏览器会根据 DOM 模型 ，将结构化 文档 (比如HTML和XML)解析成一系列的节点， 再由这些节点组成一个树状结构( DOM Tree)。
  DOM 标准推出之前，创建前 继续访问
  最新发布 js - DOM (宿主 对象 )- 文档 对象 模型 -- 操作 WEB页面-介绍
  Javascript 文档 对象 模型 ( DOM
  Javascript 文档 对象 模型 ( DOM )
  JS 中的 DOM 文档 对象 模型
  一.首先，我们知道 对象 有两种，分别是内建 对象 、宿主 对象 。
  二.那么，什么是 DOM 对象 模型
  文档 ， 文档 表示的就是整个的HTML网页 文档 ; 对象 ， 对象 表示将网页中的每一个部分都转换为了一个 对象 ;