zoukankan      html  css  js  c++  java
  • js学习笔记14----DOM概念及子节点类型

    1.概念

    DOM:Document Object Model---文档对象模型

    文档:html页面

    文档对象:页面中的元素

    文档对象模型:是一种定义,为了能够让程序(js)去操作页面中的元素。

    DOM会把文档看成一棵树,同时定义了很多方法来操作这棵树中的每一个元素(节点)。

    DOM节点:节点树中的每一个元素。

    文档节点:每个文档的根节点,是文档的最外层元素。每个文档只能有一个文档元素。在HTML页面中,文档元素始终是<html>

    2.节点类型

    元素.nodeType : 只读属性,当前元素的节点类型

      DOM 节点类型有12种:

      元素节点 : 1

      属性节点 : 2

      文本节点 : 3

      ......

    元素.childNodes : 只读属性,子节点列表集合。

      标准下:包含了文本和元素类型的节点,也会包含非法嵌套的子节点(如ul里面嵌套p)。

      非标准下:只包含了元素类型的节点,ie7以下不会包含非法嵌套的子节点。

      只包含一级子节点,不包含孙级节点。

    元素.children: 只读属性,子节点列表集合。用法类似于childNodes。

      标准下和非法标准下都只包含元素类型的节点。

    元素.attributes : 只读属性,获取元素的属性集合

    元素.attributes.name : 属性名

    元素.attributes.name : 属性值

  • 相关阅读:
    背水一战 Windows 10 (61)
    背水一战 Windows 10 (60)
    背水一战 Windows 10 (59)
    背水一战 Windows 10 (58)
    背水一战 Windows 10 (57)
    背水一战 Windows 10 (56)
    背水一战 Windows 10 (55)
    背水一战 Windows 10 (54)
    背水一战 Windows 10 (53)
    背水一战 Windows 10 (52)
  • 原文地址:https://www.cnblogs.com/sese/p/6398195.html
Copyright © 2011-2022 走看看