本系列教程不是为了讲解前端理论，也不是为了学习浏览器兼容性技巧，而是一系列的小题目。希望通过这些题目，来达到练习前端技能，熟悉前端技能的目的。
这些练习题目，没有标准答案。那么如何评价自己做的好坏呢？
第一个： 有没有正确实现功能
第二个： 代码中是否具有一些坏味道。
解题思路
其实没有固定的解题思路，不过理解了DOM的基础能力以后，就可以找到一点思路。毕竟这里的题目几乎都是通过DOM操作来达成的。
image.png
为了避免早期陷入浏览器兼容性的大坑中，请尽量使用Chrome浏览器来执行这些练习。这里提供一份简单的HTML模板以供大家练习参考。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>前端入门练习</title>
</head>
<body>
</body>
</html>
