zoukankan      html  css  js  c++  java
  • nodeType介绍及应用示例

    一,DOM中的节点类型介绍

      DOM将一份文档抽象为一棵树,而树又由众多不同类型的节点构成。

      元素节点是DOM中的最小单位节点,它包括了各种标签,比如表示段落的p,表示无序列表的ul等。

      文本节点总是被包含在元素节点内部,例如<p和</p>之间的内容就是文本节点。

      属性节点总是被放在标签里面,例如title,id,name等。

      CSS同样是DOM的构成之一,它定义了浏览器该怎样显示一份文档。

    二,nodeType

      通过node.nodeType的调用可以获得节点类型,共有12种取值,但是仅有3种具有实用价值,也就是上面提到的元素节点,属性节点和文本节点,它们对应的nodeType取值分别是1,2和3。

    三,一个小函数:getNextElement

      JavaScript中提供了nextSibing属性用来查找下一个节点,但是如果我们需要查找下一个元素节点的话就需要自己编写函数,下面给出一个实现:

    1 function getNextElement(node)
    2 {
    3     if(node.nodeType == 1)
    4         return node;
    5     if(node.nextSibling)
    6         return getNextElement(node.nextSibling);
    7     return null;
    8 }
  • 相关阅读:
    2072=删数问题
    2872=M--二分查找
    4165=全排列问题
    2805=大家快来A水题
    4148=1.1联结词真值运算
    2748=第X大的数
    3479=青蛙过河
    1200=汉诺塔
    Leetcode92_反转链表II
    Leetcode206_反转链表
  • 原文地址:https://www.cnblogs.com/yxl10/p/4184509.html
Copyright © 2011-2022 走看看