关于DOM:
概念:
文档对象模型(Document Object Model,简称DOM)。
获取节点的方法:
1、由id获取 getElementById
语法:node.getElementById("id");
2、由class获取 getElementsByClassName
语法:node. getElementsByClassName("class");
3、由标签名获取 getElementsByTagName
语法:node. getElementsByTagName(“h1 ");
关于节点类型的查询:
语法:nodeObject.[nodeType][nodeName ][nodeValue ]
nodeType 返回以数字值返回指定节点的节点类型。如果节点是元素节点,则返回 1。如果节点是属性节点,则返回 2。
nodeName 返回节点名称(大写的标签名)
nodeValue 文本节点返回文本内容,其他节点返回null
DOM属性获取与设置
获取方法:
1、element[attributename]
2、element . attributename
3、getAttribute( attributename )
设置属性:setAttribute( attributename, attributevalue )
删除属性:removeAttribute( attributename )
操作子节点:
创建节点 createElement( )
子节点的增删改:
appendChild 在DOM子集最后添加子节点
insertBefore 在指定的已有子节点之前插入新的子节点
removeChild 删除一个节点
replaceChild 替换节点
事件:
onload 图片或加载完成
焦点事件:onfocus/onblur 获得焦点/失去焦点
onchange 表单内容发送改变
onclick 点击
ondblclick 点击两次