Javascript——DOM模型解析

来源:互联网 发布:nginx ip hash 原理 编辑:程序博客网 时间:2024/06/18 01:04

DOMmodel部分

   文档结构理解为一个倒树模型
文档中每一个内容都是树中的一个节点(内容包括:元素、内容、属性、注释)

DOM中节点遍历

    父节点(单数):parentNode
子节点(复数):childNodesfirstChildlastChild
兄弟节点:nextSibling(下一个节点)、previousSibling(上一个节点)

文档树中节点说明

    节点名称:nodeName
元素节点:标签名称 属性节点:属性名称  文本节点:#Text
注释节点:#comment 文档节点:#document
节点值:nodeValue
元素节点:不可用 属性节点:属性值  文本节点:文本内容
注释节点:注释内容 文档节点:不可用
节点类型:nodeType
元素节点:属性节点:文本节点:3
注释节点:文档节点:9

在文本流中节点操作

    创建节点对象:document.createElement
追加子节点:对象.appendChild(插入的节点对象);
删除子节点:对象.removeChild(删除的节点对象);


0 0
原创粉丝点击