js注意事项

1、js中不要拿来做判断的有
①相对路径；
②color；
③innerHTML
2、js实现元素浮动

oP.style.styleFloat = "left"; //IE
oP.style.cssFloat = "left"; //非IE

3、如果属性名是变量时，使用[]，例：

oPValue = "width";
oP.style[oPValue] = "300px";

4、有“-”的属性名，要变成驼峰模式，例：
font-size->fontSize

oP.style.fontSize = "12px";

5、获取ul中所有li的方法
先获取指定的ul，再根据获取到的ul获取li

oUl = document.getElementById("ul");
var aLi = oUl.getElementByTagName("li");

注：获取到的oLi只是一个元素的集合，而不是一个数组，但是具备数组的一些属性。如：oLi.length。
6、改变title标签中的内容，例：

document.title = "test";

改变body标签中的内容，例：

document.body.innerHTML = "test";

7、使用cssText为元素添加样式的时候，会对应覆盖掉在style中设置好的样式。同一个元素后面添加的cssText会完全覆盖掉该元素前面的cssText。当cssText置空时，元素的样式会用回之前设置好的。例：

<style>
	#div {width: 100px;height: 100px;border: 1px solid #ccc;}
</style>

<script>
var oDiv = document.getElementById("div");
oDiv.style.cssText = "width: 200px;height: 200px;"; //此时div的宽高均为200px
oDiv.style.cssText = "width: 300px;"; //此时宽为300px，高为100px
oDiv.style.cssText = ""; //此时宽高均为100px
</script>

8、关于this指代对象的注意事项：

<script>
		function fun() {
			alert(this);
		}
		fun(); //结果为：[object Window]
		var oDiv = document.getElementById("div");
		oDiv.onclick = fun; //结果为：[object HTMLDivElement]
		oDiv.onclick = function () {
			fun(); //结果为：[object Window]
		}
</script>

9、需要指定每行li的个数时，li的样式需要注意设置为display: inline-block;注意此时不要设置float。