2024年前端最新WebApi入门第七章（dom增删改页面元素），大厂首发

最后前端到底应该怎么学才好？

如果你打算靠自己摸索自学，那么你首先要了解学习前端的基本大纲，这是你将要学习的主要内容，理解以及掌握好这些内容，便可以找到一份初级的前端开发工作。你还需要有一套完整的前端学习教程，作为初学者最好的方式就是看视频教程学习，初学者容易理解接受。

不要选择买书学习，这样的方式没有几个人能学会，基本都是看不下去书，也看不懂书。如果喜欢看书的学弟，可以买一些经典的书籍作为辅助即可，主要还是以看教程为主。每天抽出固定几个小时学习，做好长期学习的准备。学习编程并不是每天光看视频，你学习编程最重要的目的是为了编写软件产品，提供给大众使用，所以用手写出代码实现功能才是我们要做的事情。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

点我

3.添加子元素：appendChild()

---

appendChild()添加元素有三种情况

• （1）如果是一个新的子元素，则默认会添加到最后

• （2）如果是一个已存在的子元素，相当于移动到最后面

• （3）如果添加的元素有子元素，子元素也会一起移动到最后面

4.插入子元素：inertBefore()

---

insertBefore:插入子元素到指定位置

• 语法： 父元素.insertBefore(要插入的标签，插入到哪一个标签前面)

• 特点：与appendChildNode一致

• （1）如果是新元素则插入到指定位置

• （2）如果是已存在元素则移动到指定位置

• （3）如果元素有子元素，则子元素随着它一起移动

• 如果想插入到某元素后面，没有直接的api，可以先获取该元素的下一个元素，然后插入到下一个元素前面即可

5.替换子元素：replaceChild()

---

• 替换子元素：replaceChild() 语法：父元素.replaceChile(新元素,旧元素)

• 特点：

• 1.如果是新创建的元素，则直接替换

• 2.如果是已存在的元素（不论这个元素是自己的子元素还是别人的）会将新元素移动到旧元素位置，并且旧元素被移除

• 3.如果已存在的元素有子元素，则子元素会随着父元素一起替换

6.移除子元素：removeChild()

---

removeChild:移除子元素 语法：

父元素.removeChild(子元素)

• 1.不能自己移除自己（只能让父元素干掉自己）

• 2.父元素只能移除自己的子元素，不能移除别人的子元素（只有父元素才能干掉自己）

7.克隆元素：cloneNode()
跳槽是每个人的职业生涯中都要经历的过程，不论你是搜索到的这篇文章还是无意中浏览到的这篇文章，希望你没有白白浪费停留在这里的时间，能给你接下来或者以后的笔试面试带来一些帮助。

也许是互联网未来10年中最好的一年。WINTER IS COMING。但是如果你不真正的自己去尝试尝试，你永远不知道市面上的行情如何。这次找工作下来，我自身感觉市场并没有那么可怕，也拿到了几个大厂的offer。在此进行一个总结，给自己，也希望能帮助到需要的同学。

面试准备

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

面试准备根据每个人掌握的知识不同，准备的时间也不一样。现在对于前端岗位，以前也许不是很重视算法这块，但是现在很多公司也都会考。建议大家平时有空的时候多刷刷leetcode。算法的准备时间比较长，是一个长期的过程。需要在掌握了大部分前端基础知识的情况下，再有针对性的去复习算法。面试的时候算法能做出来肯定加分，但做不出来也不会一票否决，面试官也会给你提供一些思路。