DOM节点

dom节点是dom中最基本的组成单元。

层级方式划分 : 父节点 、 子节点 、 兄弟节点

类型方式划分 :1 元素节点、2 属性节点、3 文本节点、8 注释节点、9 document节点

父子节点是上下两层节点之间的关系。

当前节点上面的所有节点都统称为 祖先节点。

当前节点下面的所有节点都统称为 子孙节点。

childNodes : 子节点。    有兼容问题      标准属性

标准浏览器下:会把代码中的代码换行解析成空白文本节点。

children : 子节点        非标准属性

不会把换行符解析成空白文本节点。

查看变量类型 : typeof 运算符

查看节点类型: nodeType 属性

查看节点名称 : nodeName 属性

查看节点的值: nodeValue 属性

类型方式划分 :元素节点、属性节点、文本节点、注释节点、document节点

查看节点名称 : nodeName 属性

元素节点的 nodeName : 元素的本身

属性节点的 nodeName : 属性名本身

文本节点的 nodeName : #text

注释节点的 nodeName : #comment

document的 nodeName : #document

查看节点的值: nodeValue 属性

元素节点的 nodeValue : null

属性节点的 nodeValue : 属性值

文本节点的 nodeValue : 文本内容

注释节点的 nodeValue : 注释的内容

document的 nodeValue : null

firstChild : 第一个子节点 在标准和ie9下会获取到空白文本节点。

firstElementChild : 标准下获取第一个子元素节点,ie6/7/8不支持。

lastChild : 最后一个子节点 在标准和ie9下会获取到空白文本节点。

lastElementChild : 标准下获取最后一个子元素节点,ie6/7/8不支持。

nextSibling:下一个兄弟节点 在标准和ie9下会获取到空白文本节点。

nextElementSibling:标准下获取下一个兄弟元素节点,ie6/7/8不支持。

previousSibling:上一个兄弟节点 在标准和ie9下会获取到空白文本节点。

previousElementSibling:标准下获取上一个兄弟元素节点,ie6/7/8不支持。

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

推荐阅读更多精彩内容

  • 认识DOM 文档对象模型DOM(Document Object Model)定义访问和处理HTML文档的标准方法。...
    深沉的简单阅读 929评论 0 2
  • 民法的体系: 首先看一下什么是 一、民事主体: 谁可以加加入到民事法律关系当中来?首先是自然人,自然人是一句自然规...
    请爱护小动物阅读 510评论 0 0
  • 我姓吕,名布,字奉先。 我是三国时期,最厉害的武将没有之一。 我知道喜欢我的人其实不多,我知道他们不喜欢我,因为我...
    霸气小红薯阅读 1,356评论 6 9
  • 抓一把松土 嗅不到熟悉气味 撒向空中凌乱后归于热烘烘路面 余温还未退去就任行人践踏 他乡疼痛 总是一声接一声 在这...
    小小小句号阅读 203评论 0 0
  • 姓名:魏正君《六项精进》第270期感谢2组 公司:绵阳大北农农牧科技有限公司 【日精进打卡第131天】 【知~学习...
    莫心莫肺阅读 154评论 0 0