JavaScript

您所在的位置：网站首页 › js节点和元素的区别是什么呢 › JavaScript

JavaScript

2023-08-04 00:25| 来源: 网络整理| 查看: 265

节点Node DOM由节点组成节点类型（12种）元素类型 1 文本类型 3 注释类型 8 文档类型 9 节点和元素的关系：每个元素一定是节点节点不一定是元素元素只是节点的一种获取节点类型 nodeType 用法：node.nodeType 返回值：数字代表的节点类型获取父节点所有的子节点 childNodes

用法：fatherNode.childNodes

① 获取的子节点以 nodeList 类数组对象的形式

② 只是获取父节点的直接子节点，不会去获取孙子节点

注：

高级浏览器会把空白折叠现象形成的空白符当做一个文本类型的节点

IE浏览器不会出现空白折叠的文本类型节点

兼容IE浏览器和高级浏览器获取父节点所有的子节点的解决办法： function getChildNodes (dom) { var arr = []; for (var i = 0; i < dom.childNodes.length; i++) { if (dom.childNodes[i].nodeType === 3) { var reg = /^\s+$/; if (reg.test(dom.childNodes[i].data)) { }else { arr.push(dom.childNodes[i]) } }else{ arr.push(dom.childNodes[i]) } } return arr; } 节点属性 1. 获取节点的名 node.nodeName 2. 获取节点的值 node.nodeValue nodeName nodeValue 元素类型标签名的大写 null 文本类型 #text

【本文地址】

JavaScript

JavaScript

今日新闻

推荐新闻