day06-javascriptDOMandBOM(2)

 

第1章
 DOM详解

1.1   DOM案例

1.1.1     菜单练习

1.1.2     之前之后的所有兄弟节点（封装，菜单案例）

1.1.3     style属性设置和获取（$方法的封装）

（style是一个对象，不能获取内嵌和外链）

    1.样式少的时候使用

    2.style是对象

    3.值是字符串，没有设置值是“”；

    4.命名规则，驼峰命名。和css不一样

    5.设置了类样式不能获取。（只和行内式交互，和内嵌和外链无关）

    6.box.style.cssText = “字符串形式的样式”；

1.1.4     input获取高亮。    隔行变色。（style实现）（记录color）

1.1.5     改变位置。（奶茶妹：隐藏盒子方法：改变宽高等属性）

1.2   DOM元素操作

1.2.1     生成标签，3钟方法

案例：

1.点击高亮显示

2.祝愿墙

1.2.2     创建添加删除元素

案例：水果案例

问题：直接操作元素会导致长度原来越短。不会让所有元素都移动到另一侧。解决：反过来。添加的时候用insertBefore()或者数组。

1.2.3     表格操作（了解）