2019-03-18

JavaScript   DOM技术


DOM类型

1元素

2属性

3.文本

8注释

9文档


DOM技术原理

root (顶层)无父节点

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

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




DOM技术的运用与实战

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

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

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

createelemnet 创建节点流

createtextnode 创建文本节点

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

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

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


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

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

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

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

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

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

最后一个是菲波函数

与之前不同的是,菲波函数是用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较慢


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

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 工厂模式类似于现实生活中的工厂可以产生大量相似的商品,去做同样的事情,实现同样的效果;这时候需要使用工厂模式。简单...
    舟渔行舟阅读 7,827评论 2 17
  • 盒模型页面渲染时,dom 元素所采用的 布局模型。可通过box-sizing进行设置。根据计算宽高的区域可分为: ...
    伽蓝star阅读 282评论 0 0
  • 标签(空格分隔): 移动应用 跨平台 混和开发 Flutter 移动应用跨平台开发框架,根据其原理,主要分为三类:...
    黄昭鸿阅读 4,677评论 0 2
  • 四种遍历 102. 二叉树的层次遍历列表 Binary Tree Level Order Traversal me...
    哓晓的故事阅读 385评论 1 0
  • 失眠了,睡不着白天睡太多,熬夜已经熬习惯了,时间过的真快啊,宝贝没在家三天感觉很久似的,跟宝贝认识快三年,时间过的...
    志梅阅读 157评论 0 0