JavaScript的DOM操作（三）

1.相关元素操作：

var a = document.getElementById("id");

var b = a.nextSibling，找a的下一个同辈元素，注意空格

var b = a.previousSibling，找a的上一个同辈元素，注意空格

var b = a.parentNode，找a的上一级父级元素

var b = a.childNodes，找出来的是数组，找a的下一级子元素

var b = a.firstChild，第一个子元素，lastChild最后一个，childNodes[n]找第几个

alert(nodes[i] instanceof Text); 判断是不是文本，是返回true，不是返回flase，用if判断它的值是不是flase，可以去除空格。

2.元素的创建、添加、删除

var a = document.getElementById("id");

var obj = document.createElement("标签名")；创建一个元素 obj.innerHTML = "hello world";

a.appendChild(obj);添加一个子元素。

a.removeChild(obj);删除一个子元素。

列表中a.selectIndex:选中的是第几个;a.options[a.selectIndex]按下标取出第几个option对象

3：字符串的操作

var s = new String(); 或var s ="aaaa";

var s = "hello world";

alert(s.toLowerCase());转小写 toUpperCase() 转大写

alert(s.substring(3,8));从第三个位置截取到第八个位置

alert(s.substr(3,8));从第三个位置开始截取，截取八个字符长度，不写后面的数字是截到最后.

s.split('');将字符换按照指定的字符拆开

s.length是属性

s.indexOf("world");world在字符串中第一次出现的位置，没有返回-1

s.lastIndexOf("o");o在字符串中最后一次出现的位置

4.小知识点：

外面双引号，里面的双引号改为单引号；

在div里面行高设置和整个外面高度一样，才能用竖直居中，居中是行居中。

文本框取出来的值是字符串，需要用parseint（）转化为数字

s.match(reg); s代表一个字符串，reg代表一个字符串，两者进行匹配，如果两个字符串不匹配，返回一个null。

5.表单验证：

(1).非空验证（去空格）

(2).对比验证（跟一个值对比）

(3).范围验证（根据一个范围进行判断）

(4).固定格式验证：电话号码，身份证号，邮箱，信用卡号

6. 正则表达式：

用符号来描述书写规则:/ 中间写正则表达式 /

^ ：匹配开头，$：匹配结尾 ； /^ve/以ve开头的 /ve$/以ve结尾

\d：一个任意的数字

\w：一个任意的数字或字母

\s：任意字符串

{n}：把左边的表达式重复n遍

{m,n}：把左边的表达式重复至少m遍，至多n遍

{m, }：把左边的表达式重复至少m遍，,至多不限

+：左边的表达式，至少出现一次，至多不限，相当于{1，}

*：左边的表达式，至少出现0次，至多不限，相当于{0，}

?：左边的表达式，至少出现0次，至多出现1次，相当于{0，1}

[a,b,c]：只能取方括号中内容之一

[a-z]或[1-9]：在范围中取其一

|：代表或者； （）：优先级； \：转义--“\( \)”这个才是要出现的小括号，需要转义

7.其它验证

8.日期时间的操作

var d = new Date();当前时间

var d = new Date(1999,3,2);定义一个时间，1999年4月2日，3要加1

d.getFullYear:取年份； d.getMonth():取月份，取出来的少1； d.getDate():取天； d.getDay():取星期几

d.getHours():取小时； d.getMinutes():取分钟；d.getSeconds():取秒

d.setFullYear():设置年份，设置月份的时候注意加1.

9.数学函数的操作

Math.ceil();大于当前小数的最小整数

Math.floor();小鱼当前小数的最大整数

Math.sqrt();开平方

Math.round();四舍五入

Math.random();随机数，0-1之间

10.事件：

事件有三要素：事件源、事件数据、事件处理程序

事件冒泡：当元素嵌套的时候，内部元素激发某个事件后，默认情况下外部元素相应的事件也会跟着依次触发

可以加return false;是阻止默认操作

onclick: 鼠标单击触发

ondblclick: 双击触发

onmouseover: 鼠标移动上面触发

onmouseout: 鼠标离开时触发

onmousemove: 鼠标在上面移动时触发

onchange: 只要内容改变触发

onblur: 失去焦点时触发

onfocus: 获得焦点时触发

onkeydown: 按键按下的时候触发

onkeyup：按键抬起来的时候触发

onkeypress：事件在用户按下并放开任何字母数字键时发生。但是系统按钮（例如：箭头键、功能键）无法得到识别。