JS对象(三)

  • 111
  • 222
  • 333
  • 444

Node对象的属性:nodename,nodetype,nodevalue

使用dom解析html时候,需要html里面的标签,属性和文本都封装成对象

哈哈哈

标签节点对应的值

nodetype=1 nodename=大写标签名称 nodevalue=null

属性节点对应的值

nodetype=2 nodename=属性名称 nodevalue=属性的值

文本节点对应的值

nodetype=3 nodename=#text nodevalue=文本内容

Node对象的属性:父节点,子节点, 同辈节点

ul是li的父节点   li是ul的子节点  li之间关系是同辈节点

parentnode表示父节点   childnodes得到所有子节点,但是兼容性很差

firstnode获取第一个子节点  lastnode获取最后一个子节点

nextsibling返回一个给定节点的下一个兄弟节点

previsoussibling返回一个给定节点的上一个兄弟节点

  • aaaaaaaaaaaa
  • ssdsds
  • ssssss
  • dsdads

操作Dom树

Node对象appendchild方法 添加子节点到末尾 特点:类似于剪切黏贴的效果

  • tom
  • mary
  • jack

Node对象insertbefore方法使用

  • tom
  • mary
  • jack
  • kobe
  • james

Node对象removechild方法删除节点,通过父节点删除

Node对象替换节点replacechild(newnode,oldnode)使用新的节点替换旧的节点

  • tom
  • mary
  • jack
  • kobe
  • james

你可能感兴趣的:(JS对象(三))