JavaScript中属性操作的注意事项

1.JS中不允许出现“-”

例：oP.style.font-size（这个是错误的）

正确写法：font-size应该改成fontSize

padding-left应该改成paddingLeft

应该把“-”去掉，然后在“-”后面的第一个字母改成大写即可

2.className

例：oP.class=’red’;是无效的

class 保留字   关键字如：var functionc

所以应当写成className   如：oP.className=’red’;

3.判断的那点事

所有相对路径，都别拿来作判断 img src=””; href=””;

颜色值不要拿来作判断  color:red  #f00 rgb(250,0,0)

innerHTML值不要拿来作判断

4.JS里浮动的问题

技术上：必须做到掌握兼容性（兼容性问题的解决方案)

需求上：商量着来(提供最准确的呈现方案)

例：$Div.style.float=’left’;//会有兼容问题

正确兼容写法：

$Div.style.styleFloat='left';
$Div.style.cssFloat='left';
IE(styleFloat)、非IE(cssFloat)

或者

.left{float:left;}
.right{float:right;}
<div class="left"></div>

5.[]的使用

JS里允许“.”替换成“[]”

例子：

$Btn.onclick=function(){
	//$Div.style.width='400px';	//width是不可修改的
	//$Div.style.$Sxm.value=$Sxz.value;	//无效的，这样写就变  成了div1下的style变成了等于style=“$Sxm.value”；这个是不存在的。
	$Div.style[$Sxm.value]=$Sxz.value;	//正确的写法
  }