十三、前端基本功：dom练习 -凯发k8官方网

@author：runsen
@date：2020/5/30

作者介绍：runsen目前大三下学期，专业化学工程与工艺，大学沉迷日语，python， java和一系列数据分析软件。导致翘课严重，专业排名中下。.在大学60%的时间，都在csdn。决定今天比昨天要更加努力。

文章目录

• dom练习
• 布局
• 代码

在之前的文章中，dom（document object model）是用来操作 xml 和 html 文档的应用程序接口，也是前端中的基础中的基础。

在使用一些高效的api，优先使用document.getelementbyid,而document.queryselector和document.queryselectorall在性能上和getelementsby*api相比较慢。

举例：移动图片，图标的切换。效果如下图所示。

大图用背景填充，五张小图用标签