节点操作--层级(父子兄)关系

利用节点层级关系获取元素

利用父子兄节点关系获取元素 

网页中所有内容都是节点(标签,属性,文本,注释)。

DOM树中的所有节点都可以通过JavaScript来访问,元素皆可被访问并修改

节点操作--层级(父子兄)关系_第1张图片


节点:一般地节点至少拥有nodeType(节点类型),nodename(节点名称)和nideValue(节点值)三个基本属性

元素节点  nodeType为1;
属性节点:nodeType为2
文本节点:nodeType为3;(文本节点包含文字,空格,换行等)

父节点:node.parentNode



    
    Title


子节点:node.children     获取所有的子元素节点

获取ul下li地第一个子节点和最后一个子节点


  • 111
  • 222
  • 333
  • 444

这个可以结合chlidren使用,chlidren返回的是一个数组,可通过元素下标地方式获取

兄弟节点 

元素.previousElementSibling //获取当前节点的前一个同级节点
元素.nextElementSibling //获取当前节点的后一个同级节点

有兼容性问题 IE9以上 

 

感言:

           量的积累

                                                                                            

 

 

 

你可能感兴趣的:(javascript,javascript,dom)