var obj=document.getElementById('id');
obj.onclick=function(){
obj.style.attr=value;
obj.dispabled=true/false;
obj.innerHTML=value;
obj.value=values;
obj.style.width=num+'px';
widhow.confirm(str)
obj.innerHTML='';
}
onmouseover 移入
onmouseout 移出
图片:所有的相对路径,都不要用于判断
img src
href='1.css' href='httm/1.html'
color也不要拿来判断
innerHTML的值别拿来用于判断(兼容性问题)
图片绝对路径可以用于判断
兼容性的话obj.type='checkbox'(不支持ie6到8,会报错)
如果要兼容性,可以先将input(下面的那些复选框之类的隐藏后)
在对对应的input先隐藏再显示出来
操作其他代码
如果希望改变页面中的那个div的浮动;
处理兼容性问题
obj.style.float='left';
如果是ie(styleFloat);
如果不是ie(cssFloat);
obj.className='class';
切换方式
不动态变化使用obj.width //.后面的值不能修改
动态变化要使用obj [key]
D1.style[Attr.value]=Val.value;
obj.attr=value 只能对单一属性进行处理,不能处理多个属性(静态的)
var D1=document['getElementById']('d1');
obj[key]=function () {
value
}
obj[key]=value
js中允许.替换成[]
obj[key]=value
其中key可能是字符串
这个用法,在后台编程语言中,经常使用,还有在json中使用
在学习过程中,如果遇到兼容性问题的话
建议在style样式表中,先编写好指定的class{key:value}样式表方式
然后在js中,通过doc....方式来获取style中的class样式表名称
使用如下
obj.className=class;
判断用法
if(exr){}
if(exr){
}else{
}
if(exr1){
}
else if(exr2){
}
else{
}