当前位置: 首页 > 前端技术 > 正文

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;	//正确的写法
  }

JavaScript中属性操作的注意事项:等您来吐槽!

JavaScript中属性操作的注意事项:等您坐沙发呢!

发表评论

您必须 [ 登录 ] 才能发表留言!