美文网首页让前端飞
【百度】js基础任务4-dom操作深入

【百度】js基础任务4-dom操作深入

作者: M_Jehol | 来源:发表于2017-04-16 15:42 被阅读0次

题目

实现这个图片的操作

我的作业地址:

https://github.com/MJingv/baiduFE--jsproject/blob/master/task4.html

可以用2种方式思考:

1.dom操作(appendchild,insertbefore,removechild)

2.数组操作(shift,unshift,push,pop)

因为数组要从新加载整个数组,所以我才用第一种方法

和以前一样,添加节点方法:

a.createElement

b.赋值innerText

c.appendChild

removechild只要获得节点即可

insertbofore第二个参数是插入的位置,头就是children【0】

有一点很生气啊,childnodes的兼容性很差

而且莫名其妙会有空白节点,据说body什么的它会自动插入,

所以乖乖的用children吧

相关文章

  • 【百度】js基础任务4-dom操作深入

    题目 我的作业地址: https://github.com/MJingv/baiduFE--jsproject/b...

  • 程序员进阶

    在我们学完基础之后要想深入学习必须得学会js基础等一系列操作,在我们学习同时要注意css、HTML、js的...

  • Nodejs学习第5天

    Node.js内置基础模块fs, Node.js 提供了基础的文件操作,并同时提供文件的同步和异步操作,如: .....

  • JS基础操作

    JS基础操作 [TOC] 一、分支结构 1、if语句 if 基础语法 >>>阅读全文

  • js基础--this详解

    最近在imooc看深入浅出js,上机实践,做了一些笔记和心得。 今天还是在复习js基础,把imooc深入浅出js的...

  • JS基础操作

    [TOC] 一、分支结构 1、if语句 if 基础语法 if 复杂语法 if 嵌套 2、switch语句 二、循环...

  • 【百度】js基础任务2-二维数组,dom操作

    最近在学百度前端学院斌斌的课程 查漏补缺,收获不少,做个总结 题目: 将提供的空气质量数据数组,按照某种逻辑(比如...

  • js基础篇(一)——数组的各种操作

    js基础篇(三)——DOM的各种操作js基础篇(二)——字符串的各种操作 1. 创建数组 创建一个数组,有三种方法...

  • JavaScript基础

    JS基础 JS的作用1、操作HTML元素2、相应用户的操作3、处理发送的数据等等 如何插入JavaScript代码...

  • 事件队列

    起因:js单线程,所有任务需要排队,但遇到耗时的操作(网络请求),就会堵塞后续的任务解决:将耗时的操作放到异步任务...

网友评论

    本文标题:【百度】js基础任务4-dom操作深入

    本文链接:https://www.haomeiwen.com/subject/drpaattx.html