dom节点的关系

childNodes

nodeName和标签名相同,为大写

nodeType节点类型

节点类型          nodeType

元素节点              1

文档节点              9

文本节点              3

属性节点              2

childNodes  w3c标准例如:

ie9  document.getElementsByTagName('ul')[0].childNodes;会有3个元素节点li

ie9以上以及chrome firefox这些支持w3c标准的浏览器会有7个节点,其中四个文本节点,3个li,他会把ul里的回车当作是文本节点输出。

element.childern;虽然不是w3c标准,但是,会正确的输出我们想要的内容。

自己封装方法

function getChildNodes(element){

var arr = [];

var childNodes = element.childNodes;//获取元素的子节点集合

for(var i = 0;i

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 本篇是基于《JavaScript高级程序设计(第3版)》DOM相关章节做的整理与归纳,概述了DOM的常见节点类型及...
    查查查查查查克阅读 2,565评论 2 7
  • 原文 链接 关注公众号获取更多资讯 一、基本类型介绍 1.1 Node类型 DOM1级定义了一个Node接口,该接...
    前端进阶之旅阅读 3,962评论 7 34
  • 认识DOM文档对象模型DOM(Document Object Model)定义访问和处理HTML文档的标准方法。D...
    jasmine_jing阅读 813评论 0 3
  • 一、JS前言 (1)认识JS 也许你已经了解HTML标记(也称为结构),知道了CSS样式(也称为表示),会使用HT...
    凛0_0阅读 2,798评论 0 8
  • 【正面沟通❤️和谐亲子】第四期 张红云 坚持分享第120天 读书学习每天的内容都有收获,当和孩子在一个问题陷...
    红云_杨柳清风阅读 172评论 0 0