2019-03-18

JavaScript   DOM技术


DOM类型

1元素

2属性

3.文本

8注释

9文档


DOM技术原理

root (顶层)无父节点

childnode (子节点)  nextsibling(与字节点同级的兄弟节点)

然后childnode与 nextsibling 也有自己的子节点 ,他们成为parentnode (父节点)


2019-03-18_第1张图片
2019-03-18_第2张图片



DOM技术的运用与实战

如何查看body里的节点元素,不包含子节点中的节点。

2019-03-18_第3张图片

如何通过js写一个博客评论

getelementbyid,value 是获得id所对应的值

createelemnet 创建节点流

createtextnode 创建文本节点

在创建各个节点流的同时进行整合用到appendchild

至于删除第一条和最后一条

是绑定按钮关系,然后通过,removechild  firstchild lastchild 来调节


2019-03-18_第4张图片
2019-03-18_第5张图片

return 递归函数,对于python来说非常重要的东西

思想即运用本身来循环函数

如上面说的第一个案例,可以通过for循环来查看body里面的节点数

但是如果要看body里面的a里面的节点,那么第一种就做不到,return就可以全部查找出来

本身循环调用 ,与两个函数结合调用可以看到全部的子节点

2019-03-18_第6张图片

这个是获得全部节点,并获得节点的类型

2019-03-18_第7张图片

最后一个是菲波函数

与之前不同的是,菲波函数是用if函数做的,在else  后面添加循环公式,来得到菲波序列

但是用ruturn来说,代码就更加简洁了,而且循环都是在内部完成,假如没有结果就会死循环

比如 菲波函数的公式是 FN=FN(N-1)+FN(N-2)

假如代入1  即n=1时带入,进入if循环,发现n=1,返回值1,即n=1时的值时1,n=2时的值时1,当n=3时,renturn FN2+FN1  代入发现 N=3时,FN=1+1=2.

当n=5时,return FN4+FN3 继续 return  FN3+FN2+FN2+FN1 return FN2+FN1+FN2+FN2+FN1=1+1+1+1+1=5

大家会发现n的数字越大越吃计算,所以比较吃 CPU和 内存 ,该函数运行相对于if与for较慢


2019-03-18_第8张图片

函数调用也是非常重要的一环

你可能感兴趣的:(2019-03-18)