js初级练习

知识点：1.for循环的运用；2.this的使用、索引值；3自定义属性

说明：获取到的元素下文用element代替

学习涉及到的知识：

清除元素类名：

element.className=""; 或element  .classList.remove("class1","class2");

替换元素类名：

element.className="自定义类名";   ； 

添加元素类名：

element.className+="自定义类名";或element.classList.add("class1","class2"); 

获取父类节点的：element.parentNode;

给元素动态添加子类元素：父类element.appendChild(子类element);

element.style.cssText=”样式”;

 

 

 

 

练习：

1.用利用for循环把按钮布满整个页面；2.拼图；3.鼠标经过时改变li的颜色，离开该li后li颜色恢复如初；4.图片切换；5.界面有几个按钮，点击某个按钮时该按钮对应变化值；

6.for循环生成坐标;

7.菜单列表点击显示和隐藏：