DOM编程
1.1 概念
DOM（document Object Model）文档对象模型编程。
1.2 查询标签对象
通过document对象获取，document代表一个html页面
#通过document对象的集合
作用： 获取多个或者同类的标签对象
all: 获取所有标签对象
forms： 获取form标签对象
images: 获取img标签对象
links: 获取a标签对象
#通过关系查找标签对象
父节点： parentNode属性
子节点： childNodes属性
第一个子节点： firstChild属性
最后一个子节点： lastChild属性
下一个兄弟节点： nextSibling属性
上一个兄弟节点： previousSibling属性
#通过document方法查询标签对象
document.getElementById("id属性值"); 最常用
documetn.getElementsByName("name属性值"); 获取同name属性名的标签列表
document.getElementsByTagName("标签名") 获取相同标签名的标签列表
1.3 修改标签对象属性
常用的需要修改的属性：
innerHTML属性：修改标签体内容 <span>xxxxxx</span> <div></div> <select></select>
innerHTML : 设置的标签内的html
innerText: 设置标签内容的文本 （用的很少了）
value属性： 修改value属性值。 input type="text"
src属性： 修改图片的src属性。 <img src=""/>
checked属性：修改单选或多项的默认值。 <input type="radio/checked" checked=""/>
1.4 标签对象方法
添加相关的：
document.createElement("标签名") 创建节点对象
setAttribute("name","value"): 设置节点的属性
插入相关的：
appendChild("标签对象") ; 添加子节点对象
insertBefore("新标签对象","指定的对象") 在指定的对象前面添加子节点对象
删除：
removeChild("标签对象"); 删除子节点
2 正则表达式
位置：
^ 开头
$ 结尾
次数：
* 0或多个
+ 1或多个
? 0或1个
{n} 就是n个
{n,} 至少n个
{n,m} 最少n个，最多m个
通配符：
d 任意数字
D 任意非数字
s 任意空白
S 任意非空白
. 任意字符（除' '外）
组合：
[a-z]
[0-9]
等
使用正则的工具（RegExp类与相关方法）
创建：
// 方式一
var regex = new RegExp("正则表达式", "标志");
返回结果集，现在只有2个参数，input index 没有lastIndex
// 方式二
var regex = /正则表达式/标志
方法：
Regex.test( str )