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中允许“.”替换成“[]”