DOM(文档对象模型)学习笔记(一)

DOM可以将任何Html或XML文档描绘成一个由多层节点构成的结构,节点分为多种类型,每个节点都有自己的特点,数据和方法。
**

Node类型:

**
每个节点都有一个nodeType属性,表明节点的类型,nodeName属性表示元素的标签名,nodeValue属性取决于节点类型。
每个节点都有一个childNodes属性,其中保存着一个NodeList数组对象,有length属性但不属于Array的实例,NodoList对象实际是基于DOM结构动态执行查询的结果。访问保存在NodeList中的节点方法:1.方括号;2.使用item()

     var firstChild = someNode.childNodes[0];
     var secondChild = someNode.childNodes.item(1);
     var count = someNode.childNodes.length;

每一个节点都有一个parentNode属性,指向该节点的父节点。childNodes中得所有节点都具有同一个父节点,且每个节点相互之间都是同胞节点,可以通过previousSibling和nextSibling属性访问前一个和后一个兄弟结点。父节点firstChild和lastChild分别指向childNodes第一个和最后一个子节点。
someNode.firstChild=someNode.childNodes[0],
someNode.lastChild=someNode.childNodes[someNode.childNodes.length-1]。
hasChildNodes()方法判断是否存在子节点,存在返回true。
每个节点都有一个属性owerDocument,该属性指向整个文档的文档节点,如#document。
操作节点方法
appendChild()接收一个参数,在末尾插入节点;
insertBefore(要插入的节点,参照节点),接受两个参数,在参照节点前插入要插入的节点;
replaceChild(要插入的节点,被替换的节点),接受两个参数。被替换的节点还在文档之内,但没有他的位置。
removeChild(),接收一个参数,要删除的节点。同上,被删除的节点还在文档之内,但没有他的位置。
normalize() 处理文本节点,在某个节点上调用这个方法,就会合并该节点子文本节点,并且删除空格文本节点。

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值