== JS-1-JS操作属性 ==

 

 

 

== JS-1-JS操作属性 ==

操作: curd

操作元素属性:
obj.id
obj.type
*- obj.className

操作元素标签内容:
obj.innerHTML

属性操作注意:
font-size -> obj.style.fontSize
class -> obj.className
做判断不能使用 路径，颜色，innerHTML, type
obj.style.float 不兼容不做操作属性的方式

一般操作属性通过 切换 className 的方式定义不同样式

动态操作属性:
[] 中括号语法 , []

通过这种方法获取的元素, 样式必须是行内的才能修改

JS条件判断: 解决两个元素交替的问题
- flag标识位 和 取反!

例如: 开关灯。 on/off 按钮。

var flag = true;
function myCli(){
if( flag ){
alert('开灯');
}else {
alert('关灯');
}
flag = !flag;
}

function myCli(){
if( flag ){
alert('开灯'); flag = false;
}else {
alert('关灯'); flag =true;
}
}

 

用数组切换图片
arr.length
arr.push .. 数组的操作

 

图片切换
opacity 透明度

 

按钮进制点击
oBtn.disabled = true;