DOM节点操作

一、节点名称及类型

节点类型nodeTypenodeNamenodeValue含义
ELEMENT_NODE1标签名(eg:DIV)null元素节点
ATTRIBUTE_NODE2特性名(eg:class)特性值特性节点
TEXT_NODE3#text文本的内容文本节点
CDATA_SECTION_NODE4#cdata-sectionCDATA文本的内容CDATA区段节点
ENTITY_REFERENCE_NODE5实体引用名称null实体引用节点
ENTITY_NODE6实体名称null实体节点
PROCESSING_INSTRUCTION_NODE7target节点的内容处理指令节点
COMMENT_NODE8#comment注释的内容注释节点
DOCUMENT_NODE9#documentnullHTML文档节点(即document)
DOCUMENT_TYPE_NODE10DTD声明内容null文档类型(DTD声明)节点
DOCUMENT_FRAGMENT_NODE11document 片段null文档片段(?)节点
NOTATION_NODE12符号名称null?

二、节点相关属性

nodeType:显示节点的类型
nodeName:显示节点的名称
nodeValue:显示节点的值
attributes:获取一个属性节点
firstChild:表示某一节点的第一个节点
lastChild:表示某一节点的最后一个子节点
childNodes:表示所在节点的所有子节点
parentNode:表示所在节点的父节点
nextSibling:紧挨着当前节点的下一个节点
previousSibling:紧挨着当前节点的上一个节点
ownerDocument:返回拥有该元素的文档元素(document)

三、节点相关方法

方法描述
createAttribute (name)用给定名称name创建特性节点
createCDATASection (text)用包含文本text的文本子节点创建一个CDATA Section
createComment(text)创建包含文本text的注释节点
createDocumentFragment()创建文档碎片节点
createElement (tagname)创建标签名为tagname的元素
createEntityReference(name)创建给定名称的实体引用节点
createProcessingInstruction(target, data)创建包含给定target和data的PI节点
createTextNode(text)创建包含文本text的文本节点
appendChild(node)将node添加到childNodes的末尾
insertBefore (newnode,refnode)在childNodes中的refnode之前插入newnode
removeChild(node)从childNodes中删除node
replaceChild (newnode,oldnode)将childNodes中的oldnode替换成newnode
hasChildNodes()当childNodes包含一个或多个节点时,返回真
cloneNodd(boolean)克隆节点,参数为真时同时克隆子节点
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值