js笔记1 隐藏显示

阅读更多

 

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{

 

}