zoukankan      html  css  js  c++  java
  • 笔记-[1]-DOM的节点操作详解.

    DOM:文档对象模型

    操作DOM基本就是操作DOM的元素节点.

    节点的属性:

      1:objElement.childNodes  :获取该元素对象的的节点集合,有length长度属性,在标准浏览器下使用,会辩认文本节点的节点,一般不用,有其他的更好的属性(children)

      2:objElement.children :     获取该元素对象的的节点集合,有length长度属性,在ie8下和其他标准浏览器兼容,只获取元素节点。

      3:obj.nodeType   :获取对象的节点类型,1为元素节点、2为属性节点、3为文本节点,当然还有其他的节点类型,这三种是常用的。

      4:objElement.attributes :获取元素对象的属性节点集合,有length长度属性,atrributes也有属性

          --objElement.atrributes.name   获取该属性的名字

          --objElement.atrributes.value  获取该属性的值

      子节点的操作:

      获取元素的第一个子节点的属性是:firstChild || firstElementChild (不建议用,有兼容性问题),最好用是的:parentEle.children[0];

      获取元素的最后一个子节点的属性是:lastChild|| lastElementChild

      兄弟节点的操作:

      获取下一个兄弟节点的属性:nextSibling || nextElementSibling

         获取上一个兄弟节点的属性:previousSibling || previousElementSibling

      父节点的操作:

      获取元素父节点的属性:parentNode (obj.parentNode)  标准和非标准下都可用,没有兼容性问题。

      offsetParent属性:获取该元素对象的最近的一个有定位的父级,如果没有定位父级,默认是body;ie7下有(haslayout)bug.

  • 相关阅读:
    洛谷—— P3353 在你窗外闪耀的星星
    洛谷—— P1238 走迷宫
    洛谷—— P1262 间谍网络
    9.8——模拟赛
    洛谷—— P1189 SEARCH
    算法
    May 22nd 2017 Week 21st Monday
    May 21st 2017 Week 21st Sunday
    May 20th 2017 Week 20th Saturday
    May 19th 2017 Week 20th Friday
  • 原文地址:https://www.cnblogs.com/hellome/p/3768931.html
Copyright © 2011-2022 走看看