javascript中节点的最近的相关节点访问方法

 更新时间:2013年03月20日 14:59:44   作者:  
parentNode——父节点;firstChild——第一个子节点;lastChild——最后一个子节点;previousSibling——紧挨着的前面的兄弟节点;这样就可以作短途旅行,访问当前节点的某些相关节点,感兴趣的你可以参考下哈
在javascript中对文档中每个节点都有

parentNode——父节点

firstChild——第一个子节点

lastChild——最后一个子节点

previousSibling——紧挨着的前面的兄弟节点

nextSibling——紧挨着的后面的兄弟节点

五个相关的节点,这些节点可以不存在,为null。例如document就不包含父节点,文本节点(TextNode)就不包含子节点。

这样就可以作短途旅行,访问当前节点的某些相关节点。

另外还有childNode[](包含所有的子节点)和children[](仅包含类型为元素节点的子节点,不包含文本节点textNode)。

相关文章

  • 利用Three.js制作一个新闻联播开头动画

    利用Three.js制作一个新闻联播开头动画

    这篇文章主要为大家介绍了如何利用Three.js制作一个新闻联播开头动画,文中的实现步骤讲解详细,对我们学习有一定帮助,需要的可以参考一下
    2022-05-05
  • 浅析javascript中的Event事件

    浅析javascript中的Event事件

    本文主要对javascript中的(Event)事件进行介绍,文章篇尾举了几个案例:方块随着鼠标移动;输入框文字提示;仿select控件;留言本;自定义右键菜单;键盘控制div运动。需要的朋友可以看下
    2016-12-12
  • 只有 20 行的 JavaScript 模板引擎实例详解

    只有 20 行的 JavaScript 模板引擎实例详解

    这篇文章主要介绍了只有 20 行的 JavaScript 模板引擎,结合实例形式分析了JavaScript 模板引擎实现方法与相关注意事项,需要的朋友可以参考下
    2020-05-05
  • 折叠菜单及选择器的运用

    折叠菜单及选择器的运用

    本文主要介绍了折叠菜单及选择器的运用。具有很好的参考价值,下面跟着小编一起来看下吧
    2017-02-02
  • JavaScript实现的encode64加密算法实例分析

    JavaScript实现的encode64加密算法实例分析

    这篇文章主要介绍了JavaScript实现的encode64加密算法,实例分析了javascript处理encode64编码针对字符串加密的技巧,非常简洁实用,需要的朋友可以参考下
    2015-04-04
  • 你真的了解BOM中的history对象吗

    你真的了解BOM中的history对象吗

    你真的了解BOM中的history对象吗?具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-02-02
  • bootstrap实现图片自动轮播

    bootstrap实现图片自动轮播

    这篇文章主要为大家详细介绍了bootstrap实现图片自动轮播,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-12-12
  • javascript 单例/单体模式(Singleton)

    javascript 单例/单体模式(Singleton)

    首先,单例模式是对象的创建模式之一,此外还包括工厂模式。
    2011-04-04
  • 关于Javascript作用域链的八点总结

    关于Javascript作用域链的八点总结

    其实吧,关于作用域链相关的文章我也看了不少,但是我一直也没能做一个详细的总结,今天把我看到的一些东西,结合自己的想法,总结成以下8个点
    2013-12-12
  • JavaScript实现圆形进度条效果

    JavaScript实现圆形进度条效果

    这篇文章主要为大家详细介绍了JavaScript实现圆形进度条效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-08-08

最新评论