js之正则、表单验证、dom模型
正则:规则
语法 var a=/表达式/ 输入的值要包含表达式
var a1 = new RegExp('表达式')
检索 ---表达式.test(输入的值) 返还boolean类型
正则符号 (对于多个符号进行正则,用())
^ ---输入的值以符号后的字符为第一位
$ ---以符号前的字符为结尾
+---- 符号前的字符可以出现多个
*--- 符号前的字符可以出现任意次数
?--- 符号前字符可以出现0次 或者1次
{n}---符号前字符必须可以出现n次 ,但是要加开始,结尾
{n,}---符号前字符最少可以出现n次但是要加开始,结尾
{n,m} --符号前字符最少可以出现n次 最多m次;但是要加开始,结尾
. ---匹配任意字符 除了/r /n
| ---或者 (a|b)$ a结尾 b 结尾都行
[a-z]--- 匹配所有(小写)a到z字符--- var a = /[a-z]/;
[^a-z]-- 匹配所有不是(小写)a到z字符 ---var a = /[^a-z]/;
大写字母 [A-Z] 大写-小写 [A-z]
/^[a-z][0-9][A-Z]&/; ---这种写法 字母数字只能写一个
数字 [0-9] === /d /D 表示非数字
[任意字符] 匹配里面的任意字符的一个
表单验证
用js,正则对填入的值进行判断
dom模型
html DOM:html的标准编程接口----定义了所有HTML元素的对象和属性及访问方法
dom是关于如何获取、修改、删除、添加HTML元素的标准
dom节点:
获取元素节点:1.document.getElementById 等返节点还对象
增加 :创建新元素 createElement createAttribute(创建属性) createTextNode(创建文本)
新增加的节点追加到摸个节点下 (节点:标签、文本) 父节点.appendChild(子节点)
新增属性节点 追加到标签中 需要添加属性的标签.setAttributeNode(创建的属性)
属性赋值:标签名.setAttribute(属性,值)
insertBefore(要插入的标签,想要插入到哪个标签之前的标签对象)
需要借助body 因为都要插入在body里
替换:replaceChild(你想替换的元素,需要替换掉的元素)
复制 1.潜复制
需要复制的元素.cloneNode(false) 最后要追加到需要添加的元素内
只复制标签
2.深复制
需要复制的元素.cloneNode(true) 最后要追加到需要添加的元素内
复制标签及里面的内容
删除:删除由父元素决定
父元素.removeChild(需要删除的元素)
修改:修改HTML内容innerText等 css样式 document.getElementById().style.color 等
DOM总结:增加,删除----是父节点对子节点的操作,(增加有时)需要参照物
修改,获取----只要知道该元素属性(标签名,class值,id)我就能获取你的所有信息,并可以做修改