javascript::网页特效和数据校验
DOM:是文档对象模型的缩写
D:文档
O:对象
M:模型
每一个html标签:元素节点
标签中的文字:文本节点
标签中的属性:属性节点
DOM中一切皆为节点
网页使用和网页外引用
alert()弹出框
元素节点:getelementbyid根据id获取元素节点返回元素节点
getelementsbyname根据那么属性查询元素节点范会节点集合
document是对象调用方法
getElenmentsbytagname()根据标签的名称查询元素节点,返回的是节点集合,此方法document调用,也可以采用父节点进行调用
事件:当事件触发该事件中的功能
onclick:点击事件
onchange:改变事件
obblur:失去焦点事件
onfocus:获取焦点事件
onsubmit:获取表单事件
onload:网页加载事件
在标签中的事件方法调用中,参数this代表该节点
获取属性节点
getattributenode(属性名);获取该节点
nodevalue:节点内容
元素节点调用某个属性值不一定能调用的到
lastchild:获取子节点的最后一个节点
firstchild:获取子节点的第一个节点
chilnodes:得到全部的子节点,返回的是子节点的集合
nodename:获取节点名称1、元素节点返回元素名称 2、属性节点返回属性名称 3、文本节点返回#text
nodetype:获取节点的类型1、元素节点返回1 属性节点返回2 文本节点返回3(一般在判断的情况下调用该方法)
nodevlaue:获取节点的内容 元素节点返回null 属性节点返回的是属性值 文本节点返回文本内容
父节点.replacechild(新节点,旧节点):父节点中的旧节点换成新节点
parentnopde:调用该方法节点的父节点
getattribute(属性名):返回属性的属性值
setattribute(属性名,属性值):设置节点的属性
document.createElement()创建元素节点
document.createtextnode() 创建文本节点
父节点.appendchild(节点名)在父节点中插入子节点
insertbefore()在添加指定的节点之前
removechild()移除子节点
nextsling:得到下一个兄弟节点
previoussibling:得到上一个兄弟节点。
onsubmit:在表单调用事件,接受前使用return
innerhtml:加一段html代码