javascript DOM编程

1.DOM(document object model)文档对象模型编程

2.通过document对象的集合获取标签对象，作用：获取多个或者同类的标签对象。

        all：获取所有标签对象

   forms：获取form标签对象

images：获取imagei标签对象

    links：获取a标签对象

3.通过关系查找标签对象

                 父节点： parentNode属性
                 子节点： childNodes属性
      第一个子节点： firstChild属性
  最后一个子节点： lastChild属性
  下一个兄弟节点： nextSibling属性
  上一个兄弟节点： previousSibling属性

4.同通过document方法查询标签对象

   document.getElementById("id属性值")；

   注：使用该方法获取的标签要有id属性，同一个html标签中不能有两个标签id相同。

   documetn.getElementsByName("name属性值")；获取name属性名的标签列表。

   document.getElementsByTagName("标签名")；获取相同标签名的标签列表。

5.修改标签对象的属性

innerHTML属性：修改标签体内的内容

         value属性：修改value属性值

             src属性：修改图片的src属性

    checked属性：修改单选或多项的默认值

exp：

exp：

dark soulIII 

watch dog2

assassin's creed unity

protal all

tomb rider

全选

6.正则表达式：var 变量=/正则规则/；
   [a-z]: 表示匹配字母
    *  :  0或多个元素
    +:   1个或多个元素 
    ? :   0或1个元素
    {n,m} 大于n,小于m的个数

正则方法：test()：用于匹配指定的字符串，true表示匹配成功，false表示匹配失败

注：在js中，遇到了符合规则的内容，就代表匹配成功，如果要和java一样完全匹配，需要添加边界符号

            开始标记： ^
            结束标记： $

exp:

用户名：

密码：

再次输入密码：