分享个人学习js的笔记

1.回到顶部效果。

2.滚动条向上滚动式，滑动滚轮。解决bug的方法。

3.有关Document.

4.getElementByClassName();获取元素类名的封装。单个类名的元素。任然不完美。

5.创建一个属于框，输入里面的内容在后面的ul的li里面显示。

6.前端与后端的交互。UI 前端 后端可以同时进行。后端数据没写好后端可以模拟接口给前端。

7.Dom创建结构。

此方法会产生文档碎片，所谓文档碎片就是：传说中他能优化我们的Dom的结构，加快渲染Dom的速度。但从来没有测试到一个真正的结果。

8.用字符串拼接来创建结构。

7和8结果都是

9.动态创建表格。

表格的边框重叠用border-collapse:collapse;

结果为：

10.在9里面添加

会出现这样的结构：

11.UED：user experience design用户体验设计。UI:user interface用户界面。紫色：purple

12.在10的基础上添加下列代码会达到隔行变色，且能删除对应的行数。

13.真正的可以删除tr，parentNode子元素最近的父节点。

14.克隆与替换节点。

15.获取非行内样式。

//offsetWidth offsetHeight ：widht+padding+border

//offsetLeft offsetTop 盒子的绝对位置。绝对定位的left值加margin。

//offsetParent 父级有定位以父级为标准，父级没有定位以body为标准。

//这些都不带单位

获取非行内样式。

横杠改成大写的字母。

getComputedStyle(oDiv)[‘attr’],带单位的。计算后的样式，这是标准浏览器所识别的。

oDiv.current[‘attr’]，当前样式，ie8及以下浏览器所识别的。

*注意虽然兼容但火狐对于margin：10px；这条属性必须写成margin：10px 10px 10px 10px；才能识别。

16.oDiv.getAttribute(‘class’),他可以获取默认的和自定义的属性。

oDiv.setAttribute(‘attr’,11),他可以设置自定义属性。

17.