这篇文章主要讲解什么是HTML及JavaScript对HTML的操作。
1.什么是HTML?
1.HTML是用来描述网页的一种语言 （是什么） 2.HTML构成网页（干什么） 3.HTML可以在浏览器里执行 （在哪用）
2.HTML DOM
HTML DOM是如何获取、修改、添加或删除HTML元素的标准，我们可以通过window.document属性对HTML页面中的所有元素进行访问。
3.获取元素
document.getElementById(id) // 根据id获取
document.getElementsByClassName(class) //根据class获取
document.getElementsByName(name) //根据name获取
document.getElementsByTagName(tagName) //根据元素名获取
document.querySelector('XXX') //根据条件选取元素，返回单个
document.querySelectorAll('XXX') //根据条件选取元素，返回多个4.创建节点
HTML中的所有内容都是节点，节点分为以下几种：
- 每个HTML元素都是元素节点
- HTML元素内的文本是文本节点
- 每个HTML属性是属性节点
- 注释是注释节点
常用的HTML创建节点：
document.createElement(tagName) //创建元素节点
document.createTextNode(text) //创建文本节点
document.createAttribute(attr) //创建属性节点5.添加节点、替换节点、删除节点
element.appendChild(node)
element.insertBefore(newNode,existNode|null)appendChild（从父节点来看）：从该元素子节点的末尾添加子节点 insertBefore（从子节点来看）：从该元素已有的子节点前插入新的子节点，如果是null，则与appendChild相同
element.replaceChild(newNode,oldNode)
element.removeChild(node)replaceChild：将该元素新的子节点替换旧的子节点 removeChild：将该元素的node子节点删除
6.设置属性、获取属性、删除属性
element.setAttribute(name,value) //设置属性name，值为value
element.getAttribute(name) //获取属性name的值value
element.removeAttribute(name) //删除属性name
element.setAttributeNode(node) //设置该元素的node属性节点
element.getAttributeNode(node) //获取该元素node属性节点
element.removeAttributeNode(node) //删除该元素node属性节点7.常用HTML节点属性
element.parentNode //元素父节点
element.previousSibling //元素同胞上一个节点
element.nextSibling //元素同胞下一个节点
element.childNodes //元素子节点
element.firstChild //元素第一个子节点
element.lastChild //元素最后一个子节点
element.nodeName //该节点名称
element.nodeValue //该节点值
element.nodeType //该节点类型
element.innerHTML //文本值
element.attributes //属性节点 1元素2属性3文本8注释
element.id //id属性
element.className //clss属性
element.style //style属性
element.title //title属性
element.offsetHeight //元素的高度
element.clientHeight //元素的可见高度
element.scrollHeight //元素的整体高度下章讲解JavaScript基础之操作CSS，尽请期待哦
