随着开始学习前端技术,我也是自然的接触到了html、CSS、JavaScript这些在网页前端中最基础的东西。我也在其中遇到了很多有意思的问题。在一开始我制作的网页都是用html先把结构全部搭建好了,之后再使用CSS来设置设置html元素的样式属性,最后使用JavaScript来给其增加一些动态的效果,比如点击一个按钮会改变元素的一些样式什么的~(~ ̄▽ ̄)~。
但是这是就遇到了问题,我们虽然把网页的前端结构,样式写出来了,但是如果我们要改动网页内部的内容,或是在网页中以同样的形式来增加一些内容的时候,我们就会感到异常的繁琐。如果我们能过找出一种方法能够根据已有的信息来动态加载网页的结构,甚至动态加载网页元素的样式那就好了。而能够在网页上提供动态操作html元素,CSS样式的无疑就是JavaScript了,他的DOM(文档对象模型(Document Object Model),简称DOM)能够方便的操作html元素,改变CSS样式。