js的属性操作及注意事项!!

时间:2022-10-16 22:41:21

HTML属性操作:读、写

  "属性名"="属性值"   id="xx";

   属性读操作:获取、找到

   元素.(的)属性名

   属性写操作:替换、修改

   元素.(的)属性名 = 新的值

.innerHTML     读取元素内所有的内容

  .innerHTML = 新的值  替换、修改元素内所有的内容

 a =a+b; 可以简化写成 a +=b;


var num = 13;

.onclikc = function () {

// num = num + 2;

// num +=2; 简化

num ++;  //代表每次递增1个数

num --; 

xx.style.fontSize = num +'px;'  //注意加px,兼容问题

}

//注意事项:css中常见的样式,比如padding-top,但JS中不允许出现"-" paddingTop  border-left  (borderLeft); 第一个字母大写.

   JS嵌入class样式   .className = '';  //  class => className 

    // 所有的相对路径,都不能拿来做判断!!

      // 例如:img src 、href = ''

   // 颜色值也不要做判断!!  color: red  #ccc rgb(0,0,0)

   // img src="http://www.baidu.com/1.jp" 绝对路径地址可判断!!

   // innerHTML 值不要拿来做判断!!

  // 设置浮动的兼容   .style.styleFloat = 'left'; (IE)   .style.cssFloat = 'left'; (非IE) 正常情况下尽量去避开JS去写

  // 技术的角度上:必须能做到掌握兼容性(兼容性问题的解决方案)、需求上:提供最准确的呈现方案

  //JS中允许“.”替换成“[]”