zoukankan      html  css  js  c++  java
  • DOM里常见的三种节点类型

    1.nodeName比tagName注意二者返回的是大写!大写!大写!

    从DOM层次来看,nodeName是node 接口上的property,而tagName是element 接口上的property,所有的节点(元素节点,属性节点,文本节点等12种)都继承了node接口,而只有元素节点才继承了element节点,因此nodeName比tagName具有更大的使用范围。

    一般地,节点至少拥有nodeTypenodeNamenodeValue这三个基本属性。

    总结:tagName只能用在元素节点上,而nodeName可以用在任何节点上,可以说nodeName涵盖了tagName,并且具有更多的功能,因此建议总是使用nodeName。

    nodeType

    nodeType属性返回节点类型的常数值。不同的类型对应不同的常数值,12种类型分别对应1到12的常数值

         元素节点                   Node.ELEMENT_NODE(1)

         属性节点                   Node.ATTRIBUTE_NODE(2)

         文本节点                   Node.TEXT_NODE(3)

         CDATA节点                    Node.CDATA_SECTION_NODE(4)

         实体引用名称节点        Node.ENTRY_REFERENCE_NODE(5)

         实体名称节点             Node.ENTITY_NODE(6)

         处理指令节点             Node.PROCESSING_INSTRUCTION_NODE(7)

         注释节点                      Node.COMMENT_NODE(8)

         文档节点                      Node.DOCUMENT_NODE(9)

         文档类型节点            Node.DOCUMENT_TYPE_NODE(10)

         文档片段节点            Node.DOCUMENT_FRAGMENT_NODE(11)

         DTD声明节点                 Node.NOTATION_NODE(12)

    2.获得元素属性的集合:

    document.getElementsByTagName("BUTTON")[0].attributes;
  • 相关阅读:
    表单提交方式
    js--dom对象
    js--bom对象
    css布局的漂浮、position定位
    python语法学习第五天--lambda表达式、filter()、map()
    python语法学习第五天--函数(2)
    python3语法学习第五天--函数(1)
    python3语法学习第四天--序列
    leetcode| 84. 柱状图中最大的矩形
    leetcode| 56. 合并区间
  • 原文地址:https://www.cnblogs.com/zuichumx0826/p/9303310.html
Copyright © 2011-2022 走看看