【Miaov】JS1-属性操作

HTML属性操作：读、写

属性的读操作：获取、找到

元素.属性名

属性的写操作：（“添加”）替换、修改

元素.属性名=新的值

oDiv.innerHTML---读取元素内的所有HTML内容
oDiv.innerHTML=新的值---替换元素内的所有HTML内容

注意事项：

①JS中不允许出现“-”
font-size--》fontSize
padding-top--》paddingTop
margin-left--》marginLeft

②操作样式较多的时候就写在样式表里再去调用
如何给元素动态添加class：
class是保留字 ==》className

③图片路径地址是相对路径地址，所有的相对路径地址都不能用来做判断

图片的src，href等不能用作判断
图片的src=http://……绝对路径地址可以用作判断

图片的相对路径不可读但可写

color：red #f00 rgb(250,0,0)颜色值也不能用作判断

innerHTML值也不能拿来做判断

 

④关于表单元素form里的type值更改有兼容性问题
比如一个复选款点击切换成按钮，oInput.type="" 改变type值不兼容IE678 ,最好的办法就是把两个框
用显示隐藏的方法来做

 

⑤oDiv.syle.float="left"---有兼容问题

IE(styleFloat)/非IE（cssFloat）

可以用添加class的时候避免兼容性问题

技术上掌握兼容问题，但是实际项目中尽量绕开这些兼容性陷阱用更好的方式呈现。

⑥中括号的使用

.后面的值无法修改
[]里的值可以随便写

JS中允许把“.”换成“[]”;

==========================================================

判断

if(条件){
}

if(条件){
}else{
}

if(条件1){
}else if(条件2){
}else if(条件3){
}else if(条件4){
……
}else{
}

没有条件的时候创造条件
eg：var onOff=true;

两个图片的切换？---------创造条件进行判断

三个图片的切换怎么做？不用判断-----------用数组

数组

如果放多个东西可考虑用数组

arr[arr.length-1]数组最后一位
arr.push()往数组最后一位添加数据

 

写代码时把公用的东西放入函数中

=========================================

课后练习：

手机对话:http://sandbox.runjs.cn/show/5btybfb5

三个以上图片切换：http://sandbox.runjs.cn/show/kirvz7x5