获取html内容：
1. document.getElementById("")：接受一个id值，返回的不是内容，而是包括标签在内的所有内容
2. document.getElementsByTagName("")：接受一个标签名（所有属于这个标签名的标签组组成一个数组），返回的不是内容，而是包括标签在内的所有内容
利用数组的方式去找到需要操作的标签arr[i]；
3. document.getElementByClassName("")：接受一个class的值（所以属于这个class名的标签组成一个数组），返回不是内容，而是包括标签在内的所有内容
利用数组的方式去找到需要操作的标签arr[i]；
获取和设置属性（改变属性不是改变内容）：
getAttribute：获取属性值
例：document.getElementsByTagName("a")[0].getAttribute("href")：获取a标签对象数组的第一个a标签的href属性的内容；
setAbbribute：对属性值进行修改
例：document.getElementsByTagName("a")[0].setAbbrbute("href","hello world")：把第一个a标签的href属性改为hello world；
如果需要对多个p的title属性进行读取或者修改可以利用for循环来实现；
获取和设置内容：
childNodes属性：用来获取任何一个元素的所有子元素（生成对象数组）
注意：子元素包括所有类型的元素节点；会包含各种各样的子元素，若要使用childNodes获取子元素，可以配合nodeType使用
nodeType属性：获取节点值，完全可以利用此编写一个只处理元素节点的代码
元素节点：nodeType属性值是 1
属性节点：nodeType属性值是 2
文本节点：nodeType属性值是 3
nodeValue属性：用来得到和设置一个节点的值
firstChild属性：访问 childNodes属性的第一个值
lastChild属性：访问 childNodes属性的最后一个值
动态创建标记：
innnerHTML：
createElement：创建元素节点 document.createElement("")
createTextNode：创建文本节点 document.createTextNode("")
appendChild：把创建的节点插进节点树 parent.appendChild(child)
insertBefore：把一个新元素插入到一个现有元素的前面。在调用此方法时，你必须告诉它三件事。
（新元素：你想插入的元素，目标元素：你想把这个新元素插入到哪个元素之前，父元素：目标元素的父元素）
目标元素.parentNode：指向目标元素的父元素；