DOM相关知识点(1)

首先,DOM的node类型可分为:
Node.ELEMENT_NODE(1)
Node.ATTRIBUTE_NODE(2)
Node.TEXT_NODE(3)
Node.CDATA_SECTION_NODE(4)
Node.ENTITY_REFERENCE_NODE(5)
Node.ENTITY_NODE(6)
Node.PROCESSING_INSTRUCTION_NODE(7)
Node.COMMENT_NODE(8)
Node.DOCUMENT_NODE(9)
Node.DOCUMENT_TYPE_NODE(10)
Node.DOCUMENT_FRAGMENT_NODE(11)
Node.NOTATION_NODE(12)

其中较为常用的是 :
1 元素节点
2 属性节点
3 文本节点
8 注释节点

要想了解节点的具体信息,有nodeName 和 nodeValue属性 一个获取节点名称,一个是节点内容
节点还有一个childNodes 属性 其中保存着一个NodeList对象 此外 Node是一种类数组对象,用来保存节点,并且可供访问
访问节点有两种形式
1 通过方括号

var firstChild = someNode.childNodes[0];

2 使用item()

var secondChild = someNode.childNodes.item(1);

访问上述创建

var count = someNode.childNode.length;

与子节点相似,还有parentNode属性,nextSibling与previousSibling属性(前,后同胞节点) 另外须知childNodes列表中的每个节点相互之间都是同胞节点
方法 hasChildNodes() ,作用:判断 是否有一个或者多个,或者无子节点
方法 appendChild() ,作用:用于向childNodes列表的末尾添加一个节点(添加新节点的情况) 从原来的节点转移到新节点(已有节点的情况)
方法 insertBefore() ,作用:添加节点 参数1 要添加的节点 参数2 参照哪个节点进行添加
方法 replaceChild() ,作用:替换节点 参数1 新节点,参数2 需要替换的节点

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值