让梦想照进现实-js dom 事件操作

我们每一个学习技术的人，其实都有技术追求，并且技术呢，不是一下子就学会的，所以呢，我其实蛮佩服高手，因为他们都是

通过不段的敲代码，敲出来的，所以每一个人都很优秀，在此祝大家学习愉快，开心生活

我发现每个行业都有一些基本的词汇，当你掌握了基本词汇之后，你就会发现，你能很开心的理解一些事情，否则你就无法去描述该行业的一些事情，这就是词汇的力量！行吧，不扯这么多了，我们开始开心截图！

细节点也蛮重要，我有时候，就是眼高手低，我以前就发现，这个我会，那个我也会，结果真让我写，我还真不会

所以说一些基本的代码能力还是要具备的，千万不要瞧不起html + css + js ，写个网页不都用它嘛！

特别是现在组件话流行，该练习的还是得练习！为学日益，一遍一遍效果，这是我认为的！

上一讲。我们写过了，基本的dom 增删该查，那都是针结构的进行修改的，今天我们来操作它的外观！

1， dom 操作css

设置和读取内敛样式

2，读取非行内样式

读取这个样式有一个兼容性问题！这点需要掌握，因为后面的js 提升会用到了！

综合写一个获取属性值的兼容方法，以后再遇到获取属性值的时候，拿过来就用了


			/*
			 * 定义一个函数，用来获取指定元素的当前的样式
			 * 参数：
			 * 		obj 要获取样式的元素
			 * 		name 要获取的样式名
			 */
			
			function getStyle(obj , name){
				
				// 兼容性写法！ 就这么个玩意！ 
				// 先普遍性，然后特殊性
				// 矛盾的普遍性存在，矛盾的特殊性存在（对立，统一的）法则
				if(window.getComputedStyle){
					//正常浏览器的方式，具有getComputedStyle()方法
					return getComputedStyle(obj , null)[name];
				}else{
					//IE8的方式，没有getComputedStyle()方法
					return obj.currentStyle[name];
				}
				
				//return window.getComputedStyle?getComputedStyle(obj , null)[name]:obj.currentStyle[name];
				
			}

我们继续，读取其它样式的属性

* clientWidth
* clientHeight