dom节点的关系

作者: 我不帅你不爱 | 来源:发表于2016-10-27 17:23 被阅读0次

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

DOM的学习顺序
1.DOM元素之间的关系 2.获取DOM元素 3.DOM节点的type、tag、content 4.DOM节点的a...
dom节点的关系
childNodes nodeName和标签名相同，为大写 nodeType节点类型节点类型 node...
【前端】-029-DOM编程-节点操作
节点的属性节点操作除了通过DOM树中的父子、兄弟关系获取节点外，还可以通过 JavaScript 中的DOM接...
HTML DOM
DOM(Document Object Model)文档对象模型获取节点节点属性样式事件节点关系创建/...
常用DOM操作
一. 选择DOM 二. 节点属性访问节点属性访问节点的 Attribute 三. 获取关系节点四. 创建新节...
js dom节点操作
获取dom节点新增dom节点删除dom节点
js高级程序设计笔记15
DOM 1.Node 确定Node节点的类型 2.节点关系 3.操作节点 insertBefore() appen...
什么是dom树
介绍DOM，以及对DOM分类和功能的说明。 DOM 节点：介绍DOM节点分类和节点层次。介绍HTML DOM节点...
文本标签
DOM:document object model 文档对象模型 DOM就是描述整个html页面中节点关系的图谱，...
js学习总结----DOM获取元素的方法（8个）
DOM:document object model 文档对象模型 DOM就是描述整个html页面中节点关系的图谱，...