首页
学习
活动
专区
工具
TVP
发布
您找到你想要的搜索结果了吗?
是的
没有找到

HTML5-类库系列 原生DOM功能函数

ele.nodeType == 1 —— 元素节点 ele.nodeType == 2 —— 属性节点 ele.nodeType == 3 —— 文本节点 ele.nodeType == 4 —— CDATA...区段 ele.nodeType == 5 —— 实体引用 ele.nodeType == 6 —— 实体 ele.nodeType == 7 —— 处理指令 ele.nodeType == 8 —— 注释节点...ele.nodeType == 9 —— 文档节点 代码实现: /* * DOM相关操作 * 作者:独行冰海 - 利利 * 原生DOM指向各种类型,需要处理,令其只指向元素类型 */ function...DOMFirstChild(nowEle){ var targetEle = nowEle.firstChild; while (targetEle && targetEle.nodeType !...此处的一个原理在于,每次先对当前元素进行检测,检测是否是根节点(即文档节点,nodeType==9),如果不是根节点,那么使用parentNode进行向上级查找。

95480

一篇文章教会你如何将DOM转换为virtual DOM

现在分析一下转换的过程: 1.先理解nodeType代表的是什么? nodeType为1则代表元素,nodeType为3则代表文本。...2.当nodeType==1的情况下反过来再看看class VNode的构造函数需要的是什么?...需要什么我们就从DOM身上拿,nodeName代表标签、_propertyObj代表属性、nodeType代表类型元素身上是没有文本的(因为nodeType为1代表元素,nodeType为3代表文本,当前的...nodeType==1所以没有文本,代表元素),所以value这个字段直接传undefined。...4.元素的处理结束了,nodeType==3 的情况下既然是文本肯定没有标签以及属性所以直接传undefined值则用node.nodeValue取,同样nodeType也代表类型,每次递归进来会对不同类型做不同的处理

80210
领券