JS常见知识点

1.样式相关

• 取行间样式
  oDiv.style.width;//该方法只能获取行间样式，获取不到非行间样式。

• 取非行间样式
  (1)var w = getComputedStyle(oDiv).width;//IE8及以下不兼容。
  (2)var w = oDiv.currentStyle["width"];//IE6,7,8专有，但标准浏览器不兼容。
  (3)对象.属性 ----> 对象["属性"]。

  

  作为一家“创意+整合+营销”的成都网站建设机构，我们在业内良好的客户口碑。成都创新互联公司提供从前期的网站品牌分析策划、网站设计、网站设计制作、成都网站设计、创意表现、网页制作、系统开发以及后续网站营销运营等一系列服务，帮助企业打造创新的互联网品牌经营模式与有效的网络营销方法,创造更大的价值。

  //兼容处理：
  function getStyle(obj,attr){
   return obj.currentStyle ? obj.currentStyle[attr] : getComputedStyle(obj)[attr];
  }

• set/getAttribute

oInput.setAttribute("style","background:red");
oInput.getAttribute("style");//返回字符串

oInput.setAttribute(attrName,attrValue);
oInput.getAttribute(attrName);

oInput.getAttribute("class");//IE6,7不兼容，返回null值。
oInput.getAttribute("className");//IE6,7适用，标准浏览器及IE8及以上不兼容。

• cssText

  oDiv.style.cssText = "width:200px;height:200px;background:red;"

2.属性相关

(1) innerHTML：闭合标签的内容
(2) value
(3) className
(4) fontSize
(5) src
(6) document.write("");document.body.innerHTML=""