任务进展：

       1：在页面引入编写的js文件，实现了点击汉堡按钮控制导航栏显示功能。

       2：学习了DOM以及DOM2获取元素样式和操作样式表方法。

遇到问题：

       今天完成了汉堡按钮控制显示导航栏功能，开始获取dom元素节点属性，发现document.getElementById()无法获取外联css样式，元素的属性值为空，便想使用document.defaultView.getComputedStyle()获取元素样式，但此方法获取的是计算样式，为只读属性不能修改。又想到可以利用document.stylesheets获取样式表规则集合，然后修改规则，但问题是要修改的元素样式是写在媒体查询语句当中的，获取规则后，其rule.selectorText值为空，rule.style.*为空，技穷。师兄们的做法是直接使用获取的空值进行条件判断：若元素style.display为空，将其设置为block；else， 设置为空，功能实现。但疑问并无法解答，主要有两点：一、如何获取元素外联样式并修改。二、如何获取外联css文件媒体查询语句中的各项属性和值。

明日计划：

       1：用less重写css样式。

       2：学习JS。

收获：

       今天用一整天时间学习并尝试修改外部样式属性，最后还是没有成功，学会了dom操作方法和用chrome debug js代码。