今天完成的事情：任务四进行中有一定的思路；DOM对象

明天计划的事情：任务四游戏进行中所需要的种种命令

遇到的问题：知识欠缺，，

收获：

DOM对象：

DOM节点，在HTML中每一个元素都是一个节点

注释是注释节点。

DOM：  

Document（文档）对象：当浏览器载入HTML文档，他就成为了文档对象；

文档对象，是HTML文档的根节点。文档对象使得我们可以从JS脚本中对HTML页面的所有元素进行访问。

元素对象：

在DOM中，元素对象代表着一个HTML元素的节点；

元素对象的子节点可以是，元素节点；文本节点；注释节点。

元素可以是属性，为属性节点。

属性对象：

在DOM中，att（属性）对象，代表的一个html属性；

HTML属性总是属于HTML元素。

事件对象：

DOM事件允许JS在HTML文档元素中注册不同事件的处理方法；

事件通常与函数相结合使用，函数不会在事件发生前被执行。例，点击按钮事件

console（控制台）对象：

控制台对象提供了在访问浏览器时，调试模式下的信息到控制台。

CSS  ::before 选择器：

：before 选择器向选定的元素前插入内容；

使用 content 属性来指定要插入的内容；

p : before

{

content : " 内容 ";

}

向 p 元素标签前面添加内容；

p : before

{ 

content : " 内容 ";

background-color : yellow;

color : red ;

font-weight : bold ;

}

向 p 元素标签前面添加内容，并修改内容的样式和添加背景颜色；