关于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()  设置属性

猜你喜欢

转载自blog.csdn.net/frost666/article/details/80808510