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 )