jJavaScript中关于DOM节点介绍及相关操作部分知识点总结
介绍：
DOM，即文档对象模型（Document Object Model），提供了对文档的结构化的表述，并定义了一种方式可以让我们从程序中对该结构进行访问，从而改变文档的结构、内容和样式。
节点是树形结构的，HTML 文档中的所有内容都是节点。
JavaScript 能够改变页面中的所有 HTML 元素，能够改变页面中的所有 HTML 属性， 能够改变页面中的所有 CSS 样式，能够对页面中的所有事件做出反应
节点层次：
文档节点（Document）：整个HTML文档的根节点，它只有一个子节点，即文档元素 。
文档元素（html）：文档元素是文档的最外层元素，即根元素，文档中的其他所有元素都包含在文档元素中，每个文档只能有一个文档元素。
Dom节点操作
1.根据 id 名称获取（语法：document.getElementById( 'id名称' ) ）
2.根据元素 类名 获取（语法：document.getElementById( 'id名称' ) ）
3.根据元素 标签名 获取（语法：document.getElementsByClassName( '元素类名' ) ）
4.根据 选择器 获取一个 （语法：document.querySelector( '选择器' ) ）
5.根据 选择器 获取一组 （语法：document.querySelectorAll( '选择器）
操作元素内容
操作元素文本内容 ：
获取 : 元素.innerText
设置 : 元素.innerText = '新内容'
操作元素超文本内容 :
获取 : 元素.innerHTML
设置 : 元素.innerHTML = '新内容'
操作元素属性
原生属性:
获取 : 元素.属性名
设置 : 元素.属性名 = '属性值'
自定义属性 :
获取 : 元素.getAttribute( '属性名' )
设置 : 元素.setAttribute( '属性名', '属性值' )
删除 : 元素.removeAttribute( '属性名 )
注意 : 以上方法一般不用做操作元素类名和样式
操作元素类名
获取 : 元素.className
设置 : 元素.className = '新类名'
操作元素类名代码示范：
Document操作元素行内样式
获取 : 元素.style.样式名
设置 : 元素.style.样式名 = '样式值'
