1、DOM元素的操作

1-1:获取页面的元素
获取元素的三种方式:

查看元素的样式:

查看元素的属性:

通过name获取最常用的地方:复选框:

查看元素的值:

1-2:修改页面的元素:
1-2-1:修改元素的样式、属性、值

1-3:增加页面元素
1-3-1:创建元素(createElement)
给父元素增加子元素(appendChild)

1-4:删除页面元素
1-4-1:remove():删除当前元素
removeChild():删除父元素的直接子元素
2、事件处理
2-1: 失去焦点,获得焦点,单击事件



单选框事件:


复选框全选(全不选):


省市二级联动:


onmouseover与onmouseout操作:



用户名校验:(按键弹起的时候校验是否符合规则)

点击普通按钮实现校验:



如果按钮的提交方式为submit,则使用onsubmit验证,需要在form中加入一个id,调用onsubmit方法

网友评论