关于DOM

关于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  点击两次

属性节点

getAttribute()  获取属性

setAttribute()  设置属性