1.属性的读操作:元素.属性名
ex:
var
oBtn=document.getElementById(‘btn1’);
oBtn.type/oBtn.id/oBtn.value
ex:
北京 上海 杭州 ![在这里插入图片描述](https://img-blog.csdnimg.cn/20190718162636768.png)var oSelect=document.getElementById(‘select1’);
oSelect.value;
2.属性的写操作(用来替换或者修改):
元素.属性名=‘新的值’;
元素.innerHTML //读取元素内的所有HTML内容
元素.innerHTML
= ‘新的值’; //替换元素内的所有HTML内容
3.注意事项
js中不允许出现“-”,font-size需要写成fontSize
fireworks浏览器默认字体大小为15px
所有的相对路径,都不要拿来做判断!!
相对路径例如:img src /href=‘1.css’ /href=‘html/index.html’
绝对路径可以拿来判断
绝对路径例如:img src=‘http://www.miaov.com/1.jpg’
另外,还有颜色值,因为存在多种形式,例如color:red #f00 rgb(255,0,0)
也不要拿来做判断!!
innerHTML值别拿来做判断!!
4.在js中动态添加class
class为js中的保留字,用时需要替换 class => className
关键字:var function ……
元素.className=’新class’;
- “.”与“[ ]”
js中“.”与“[ ]”都可以加属性名,区别在于“.”后面的属性名不可以替换,
oDiv.style.width=oVal.value;
但是,oDiv.style[width]可以,oDiv.style[height]也可以,根据需要进行替换。
ex:oAttr.value //可能为width 或者background
oVal.value //可能为200px 或者red
oDiv.style.width=oVal.value; //则.后面的值无法修改
oDiv.style[oAttr.value]=oVal.value; //“[ ]”里面的值可以随便写
注意,单独在[ ]中写属性时,需要加引号
6.条件语句
① if(条件){
}
② if(条件){
}else{
}
③ if(条件1){
}else if(条件2){
}else if(条件3){
}else{
}
7.简单介绍数组
var arr = [‘linda’,‘Amy’,‘Tom’];
访问属性,得到长度:arr.length
往数组最后一位添加数据:arr.push(‘DaMing’’);
可以弹出整个数组,中间自动用“,”间隔:alert( arr );