发表于： 2019-03-18 23:27:57
1 807
今日完成：
今天开始尝试JavaScript任务一，先把文档看了一遍，然后发现开始跌跌撞撞手写，从声明变量，到事件触发设置，到函数声明，引用dom等等，确实都是很简单的东西，但是由于不熟悉，翻了很多低级错误，类似于引用函数忘记带括号，引用变量多加括号之类的。
当然JavaScript主要是操纵dom来达到控制式样的目的，所以首先从node开始；
属性
nodeType属性返回一个整数值，表示节点的类型。
nodeName属性返回节点的名称。
nodeValue属性返回一个字符串，表示当前节点本身的文本值，该属性可读写。
textContent属性返回当前节点和它的所有后代节点的文本内容。
baseURI属性返回一个字符串，表示当前网页的绝对路径。浏览器根据这个属性，计算网页上的相对路径的 URL。该属性为只读。
Node.ownerDocument属性返回当前节点所在的顶层文档对象，即document对象。
Node.nextSibling属性返回紧跟在当前节点后面的第一个同级节点。如果当前节点后面没有同级节点，则返回null。
previousSibling属性返回当前节点前面的、距离最近的一个同级节点。如果当前节点前面没有同级节点，则返回null。
parentNode属性返回当前节点的父节点。对于一个节点来说，它的父节点只可能是三种类型：元素节点（element）、文档节点（document）和文档片段节点（documentfragment）。
firstChild属性返回当前节点的第一个子节点，如果当前节点没有子节点，则返回null。
lastChild属性返回当前节点的最后一个子节点，如果当前节点没有子节点，则返回null。用法与firstChild属性相同。
childNodes属性返回一个类似数组的对象（NodeList集合），成员包括当前节点的所有子节点。
isConnected属性返回一个布尔值，表示当前节点是否在文档之中。
方法
appendChild方法接受一个节点对象作为参数，将其作为最后一个子节点，插入当前节点。该方法的返回值就是插入文档的子节点。
hasChildNodes方法返回一个布尔值，表示当前节点是否有子节点。
cloneNode方法用于克隆一个节点。它接受一个布尔值作为参数，表示是否同时克隆子节点。它的返回值是一个克隆出来的新节点。
insertBefore方法用于将某个节点插入父节点内部的指定位置。
removeChild方法接受一个子节点作为参数，用于从当前节点移除该子节点。返回值是移除的子节点。
replaceChild方法用于将一个新的节点，替换当前节点的某一个子节点。
contains方法返回一个布尔值，表示参数节点是否满足以下三个条件之一。
compareDocumentPosition方法的用法，与contains方法完全一致，返回一个七个比特位的二进制值，表示参数节点与当前节点的关系。
isEqualNode方法返回一个布尔值，用于检查两个节点是否相等。所谓相等的节点，指的是两个节点的类型相同、属性相同、子节点相同。
isSameNode方法返回一个布尔值，表示两个节点是否为同一个节点。
normailize方法用于清理当前节点内部的所有文本节点（text）。它会去除空的文本节点，并且将毗邻的文本节点合并成一个，也就是说不存在空的文本节点，以及毗邻的文本节点。
getRootNode方法返回当前节点所在文档的根节点。
明天完成：反复运行任务一代码，学习dubug调试，然后开始任务二；
返回列表
评论