通过JS 设置CSS样式 笔记

通过JS设置CSS样式
A.通过获取DOM对象设置CSS样式(行内样式)
1.获取div对象
2.div.style.border
3.div.style.width
//特殊  向右浮动
div.style.cssFloat='right'
//之前IE只支持xxx.style.styleFloat

B.加类样式
4.div.className ='类样式名'   //类样式要提前在CSS中写好
追加类样式
5.div.className +='类样式名'  //以最后定义为准

练习
1 根据JSON数据创建网站列表
		1.根据数据的条目决定行数
		2.第一列 名称  第二列 连接

2 简单评价页面
3.给一个层追加元素，把层下的所有元素清空 while(fisrtChild)
4.若干文本框，当光标离开文本框的时候，如果文本框为空，则将文本框的背景颜色设置为红色。如果不为空则为白色。提示。焦点进入控件事件是onfocus.焦点离开控件事件是onblur
5.评分控件v1，用一个单行5列的table做评分控件，监听td的click事件，点击一个td的时候，将这个td及之前的td背景变为红色。之后的td背景变为白色。当鼠标悬浮在评分控件上时，显示超链接形式的鼠标图标。