摘要：
因为NodeList对象是一个类似数组的对象, 且它自带了一个 forEach() 方法, 因此可以使用 forEach() 遍历, 它的用法和 Array 里面的 forEach() 是完全一样的. 这里的item为当前元素, i为索引, obj为整个NodeList. 阅读全文
posted @ 2019-09-12 14:48
aisowe
阅读(9801)
评论(1)
推荐(0)
2019年9月12日
摘要：
NodeList 有两种, 一种是动态集合, 一种是静态集合, 所谓动态集合, 主要是 Node.prototype.childNodes; 返回的子节点集合对文档的节点增删改会即时改变; 而静态集合则不会, 比如document.querySelectorAll(); 动态集合: 静态集合: 阅读全文
posted @ 2019-09-12 14:34
aisowe
阅读(474)
评论(0)
推荐(0)
摘要：
arguments / NodeList / HTMLCollection 的实例对象是典型的类似数组的对象, 下面是使用es5的方法对其进行转换: 可以理解为: 将 数组的 slice 方法强行作用于 children 这个对象上, 因为两者在结构上的相似性, 使得 slice 可以将类数组对象转 阅读全文
posted @ 2019-09-12 14:14
aisowe
阅读(633)
评论(0)
推荐(0)
摘要：
instanceof 运算符用来判断一个对象在其原型链中是否存在一个构造函数的 prototype 属性。 也就是说, instanceof 判断的实际上是某个对象是否为某个构造函数的实例, 因为es5中没有类的概念, 这里的instanceof其实是充当了一个判断类的实例对象的功能. 比如下面的两 阅读全文
posted @ 2019-09-12 13:07
aisowe
阅读(486)
评论(0)
推荐(0)
2019年9月11日
摘要：
使用 Node.prototype.normalize(); 这个方法比较抽象, 可能用的也不多, 它的作用是 "清理" 而非 "清空". 此外, 该方法是Text.splitText的逆方法. 阅读全文
posted @ 2019-09-11 23:39
aisowe
阅读(145)
评论(0)
推荐(0)
摘要：
移除当前节点的所有子节点可以用 Node.prototype.removeChild(); 移除当前节点可以用: Element.prototype.remove(); 阅读全文
posted @ 2019-09-11 23:30
aisowe
阅读(657)
评论(0)
推荐(0)
摘要：
判断两个节点是否相等: Node.prototype.isEqualNode(); 判断两个节点是否为同一节点: Node.prototype.isSameNode(); 阅读全文
posted @ 2019-09-11 23:02
aisowe
阅读(1552)
评论(0)
推荐(0)
摘要：
所需方法: Node.prototype.contains(); 这个方法返回一个布尔值, 如果参数节点在下面几种情况里面, 则返回true, 反之false; 1. 参数节点为当前节点 2. 参数节点为当前节点的子节点 3. 参数节点为当前节点的后代节点 阅读全文
posted @ 2019-09-11 22:31
aisowe
阅读(399)
评论(0)
推荐(0)
摘要：
使用: Node.prototype.replaceChild(newChild, oldChild); 阅读全文
posted @ 2019-09-11 22:16
aisowe
阅读(254)
评论(0)
推荐(0)
摘要：
1. Node.prototype.firstChild; 2. Node.prototype.removeChild(); 注意: 1. 移除的节点仍然存在于内存中, 因此依然可以使用. 2. 如果参数节点不是当前节点的子节点, 则会报错. 阅读全文
posted @ 2019-09-11 22:12
aisowe
阅读(1643)
评论(0)
推荐(0)
摘要：
1. 插入某个节点之后, 使用: Node.prototype.insertBefore(parentNode, target); 2. 插入某个节点之前, 需要结合 Node.prototype.nextSibling; 注意, 如果第二个参数为 null 或空, 则会自动插入到父节点内子节点的最 阅读全文
posted @ 2019-09-11 21:44
aisowe
阅读(423)
评论(0)
推荐(0)
摘要：
使用 Node.prototype.cloneNode() 可以克隆当前节点, 如果还想克隆当前节点的所有后代节点, 可以在括号里面加上 true; 注意, cloneNode() 的结果是一个没有插入到dom中的节点, 它没有父节点, 同时, 它也会丢失原节点上的所有 addEventListen 阅读全文
posted @ 2019-09-11 21:30
aisowe
阅读(1378)
评论(0)
推荐(0)
摘要：
1. Node.prototype.hasChildNodes(); 2. Node.prototype.firstChilds(); 3. Node.prototype.nextSibling(); 这里需要注意for循环的写法, 它的作用是循环所有子节点, 对每个字节点都使用DOMComb()函 阅读全文
posted @ 2019-09-11 21:13
aisowe
阅读(594)
评论(0)
推荐(0)
摘要：
使用: Node.prototype.hasChildNodes() 如果有子节点则返回 true, 反之 false. 注意, 节点操作都得考虑七种节点类型, 就算把body里面的所有html标签移出, body也还是有子节点, 这些子节点大多数都是换行符, 因为html标签之间的换行符也是一种节 阅读全文
posted @ 2019-09-11 20:45
aisowe
阅读(4719)
评论(0)
推荐(0)
摘要：
使用 Node.prototype.appendChild(), 如果参数是一个已存在的于文档中的节点, 那它将会被移动到最末尾. 阅读全文
posted @ 2019-09-11 20:29
aisowe
阅读(823)
评论(0)
推荐(0)
摘要：
1. 创建一个新的节点: document.createElement() 2. 插入新创建出来的节点: Node.prototype.appendChild() 阅读全文
posted @ 2019-09-11 20:21
aisowe
阅读(1118)
评论(0)
推荐(0)
摘要：
有的节点是刚创建出来, 还没有插入document中, 这时可能会判断是否插入, 需要用到: Node.prototype.isConnected 阅读全文
posted @ 2019-09-11 20:14
aisowe
阅读(307)
评论(0)
推荐(0)
摘要：
1. 获取当前节点的第一个子节点: Node.prototype.firstChild 2. 获取当前节点的最后一个子节点: Node.prototype.lastChild 3. 获取当前节点的所有子节点: Node.prototype.childNodes 注意这里为啥获取了7个节点呢? 因为这 阅读全文
posted @ 2019-09-11 16:51
aisowe
阅读(1568)
评论(0)
推荐(0)
摘要：
1. 获取到当前节点. 2. 获取到当前节点的父节点. 3. 使用 Node.prototype.removeChild() 移除当前节点. 阅读全文
posted @ 2019-09-11 16:03
aisowe
阅读(540)
评论(0)
推荐(0)
摘要：
获取父节点: Node.prototype.parentNode 获取父节点元素: Node.prototype.parentElement 父节点有三种类型: 元素节点（element）、文档节点（document）和文档片段节点(documentfragment), .parentNode 可能 阅读全文
posted @ 2019-09-11 15:52
aisowe
阅读(10291)
评论(0)
推荐(0)
摘要：
使用: Node.prototype.previousSbling 用法和 Node.prototype.nextSbling 相同. 阅读全文
posted @ 2019-09-11 14:35
aisowe
阅读(284)
评论(0)
推荐(0)
摘要：
原理: 使用了 Node.prototype.nextSibling 在获取不到后面的同级节点时返回 null 的这个特性. 另一个方法是使用 Node.prototype.childNodes. 阅读全文
posted @ 2019-09-11 14:00
aisowe
阅读(451)
评论(0)
推荐(0)
摘要：
Node.prototype.nextSibling 就像老师点名一样: "李雷后面的韩梅梅起来回答下问题". 如果当前节点的后面没有同级节点, 那 .nextSibling 返回 null. 注意, 如果这里的两个div没有在一行, 那.nextSibling 得到的将是一个换行符, 因为 .ne 阅读全文
posted @ 2019-09-11 13:19
aisowe
阅读(463)
评论(0)
推荐(0)
摘要：
Node.prototype.ownerDocument 虽然现在还没碰到, 但以后可能出现无法直接获取 document 节点的情况, 这时可以通过任意节点获取到它. Node.prototype.getRootNode() 这个方法的作用和 Node.prototype.ownerDocumen 阅读全文
posted @ 2019-09-11 09:54
aisowe
阅读(275)
评论(0)
推荐(0)
摘要：
查看用 Node.prototype.baseURI, 修改用 <base>; 若无法获取, 则返回null. 阅读全文
posted @ 2019-09-11 09:49
aisowe
阅读(866)
评论(0)
推荐(0)
摘要：
这里的文本值有两个理解, 一是html标签内的文本, 二是网页中展示在页面上的文本. 二者区别在于: 是否对普通用户可见. 一: 获取整个html网页的文本: document.documentElement.textContent; 二: 获取网页中显示的文本: document.document 阅读全文
posted @ 2019-09-11 09:26
aisowe
阅读(1872)
评论(0)
推荐(0)
摘要：
Node.prototype.textContent nodeValue 只获取当前节点的文本值, 如果节点类型不是文本 /属性 / 注释, 则会返回null. textContent 获取当前节点及其所有后代节点的文本值, 没有获取到, 则返回一个空字符串. 文档节点(document) 和 文档 阅读全文
posted @ 2019-09-11 09:10
aisowe
阅读(469)
评论(0)
推荐(0)
摘要：
Node.prototype.nodeValue 之所以无法获取div的nodeValue, 原因是div为 元素节点, 而只有文本节点(text) / 注释节点(comment) / 属性节点(attr) 这三种节点类型才有文本值. 所谓文本值, 可以理解成 引号内或标签间的字符串. 较易理解, 阅读全文
posted @ 2019-09-11 08:53
aisowe
阅读(1373)
评论(0)
推荐(0)
2019年9月10日
摘要：
节点的类型用 Node.prototype.nodeType 获取, 节点的名称用 Node.prototype.nodeName 获取. 同样是七种节点, 下面是它们的返回结果: 也就是说, 只有三种节点名称是动态的: Element / attr / DocumentType, 其他的都是一个固 阅读全文
posted @ 2019-09-10 09:09
aisowe
阅读(1268)
评论(0)
推荐(0)
摘要：
通过 Node.prototype.nodeType 属性获取. 9 表示该节点为文档节点( Document ), 七种节点类型的对应关系如下: 主要作用是确定节点的类型. 阅读全文
posted @ 2019-09-10 08:53
aisowe
阅读(316)
评论(0)
推荐(0)
摘要：
dom中的节点都继承自Node接口, 也就是说, 所有的节点都具有Node接口所规定的属性和方法, 比如下面这个 <a> 标签, 它也继承了Node的所有属性和方法: 可以认为Node接口所规定的方法和属性是操作DOM的基础, 因此格外重要. 下面是它的所有属性和方法: 属性Node.prototy 阅读全文
posted @ 2019-09-10 08:34
aisowe
阅读(512)
评论(0)
推荐(0)
2019年9月9日
摘要：
除了根节点，其他节点都有三种层级关系。 父节点关系（parentNode）：直接的那个上级节点 子节点关系（childNodes）：直接的下级节点 同级节点关系（sibling）：拥有同一个父节点的节点 注意: 1. 根节点和非根节点都可以没有子节点, 但根节点一定没有父节点, 而非根节点一定有, 阅读全文
posted @ 2019-09-09 13:53
aisowe
阅读(855)
评论(0)
推荐(0)
摘要：
一句话总结: DOM 是一个 js 对象. 他可以赋予 js 控制 html 文档的能力. 全称: Document Object Model. DOM 的最小组成单位是: 节点 , 节点有7种类型, 分别为: 1. Document：整个文档树的顶层节点2. DocumentType：doctyp 阅读全文
posted @ 2019-09-09 13:45
aisowe
阅读(335)
评论(0)
推荐(0)
2019年9月5日
摘要：
String.prototype.slice() 是js字符串的切片工具方法, 用于对字符串做'裁剪'操作, 不改变原字符串. substring() 和 slice() 都是可以从原字符串里面切出一部分, 只是substring()有点小特点. 1. 第一个参数大于第二个参数时, 会自动将两者调换 阅读全文
posted @ 2019-09-05 22:54
aisowe
阅读(814)
评论(0)
推荐(0)
2019年9月4日
2019年9月3日
摘要：
允许用户 root 在 任何IP 上都可以远程连接 所有 mysql数据库 并具有操作数据库的 所有权限, 密码为: myPassword 阅读全文
posted @ 2019-09-03 12:04
aisowe
阅读(2257)
评论(0)
推荐(0)
2019年9月2日
2019年9月1日
浙公网安备 33010602011771号