js Dom 基础知识

1、获取dom的 子节点: children

2、获取Dom的父节点:parentNodes

     获取元素用来定位的父节点:offsetparent

3、首尾子节点:

     firstChild(兼容i6/7/8) firstElementChild (兼容高版本浏览器)

     lastChild(兼容ie6/7/8)lastElementChlid (兼容高版本浏览器)

4、通过class查找元素:className


Node接口定义了所有节点类型都包含的特性和方法。

特性/方法类型/返回类型说明
nodeNameString节点的名字;根据节点的类型而定义
nodeValueString节点的值;根据节点的类型而定义
nodeTypeNumber节点的类型常量值之一
ownerDocumentDocument指向这个节点所属的文档
firstChildNode指向在childNodes列表中的第一个节点
lastChildNode指向在childNodes列表中的最后一个节点
childNodesNodeList所有子节点的列表
previousSiblingNode指向前一个兄弟节点;如果这个节点就是第一个兄弟节点,那么该值为null
nextSiblingNode指向后一个兄弟节点;如果这个节点就是最后一个兄弟节点,那么该值为null
hasChildNodes()Boolean当childNodes包含一个或多个节点时,返回真
attributesNamedNodeMap包含了代表一个元素的特性的Attr对象;仅用于Element节点
appendChild(node)Node将node添加到childNodes的末尾
removeChild(node)Node从childNodes中删除node
replaceChild(newnode,oldnode)Node将childNodes中的oldnode替换成newnode
insertBefore(newnode,refnode)Node在childNodes中的refnode之前插入newnodd

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值