通过JS改变HTML

JS控制HTML元素的显示和隐藏

利用来JS控制页面控件显示和隐藏有两种方法，两种方法分别利用HTML的style中的两个属性，两种方法的不同之处在于控件隐藏后是否还在页面上占空位。

 
　　方法一：

1 2	document.getElementById("EleId").style.visibility="hidden"; document.getElementById("EleId").style.visibility="visible";

　　利用上述方法实现隐藏后，页面的位置还被控件占用，显示空白。
　　方法二：

1 2	document.getElementById("EleId").style.display="none"; document.getElementById("EleId").style.display="inline";

　　利用上述方法实现隐藏后，页面的位置不被占用。

 

通过JS给HTML元素增加、删除和获取属性内容

1.通过ID或者其他元素找到要处理的HTML对象：（举例通过ID）

     var obj=document.getElementById('id');

    1

2.操作此对象

    添加属性：obj.setAttribute('attr_name','attr_value');
    获取属性值：obj.getAttribute('attr_name');
    删除属性：obj.removeAttribute('attr_name');

 

JS中session操作
 

sessionStorag.setItem('key','value')         保存数据到sessionStorag  var data = sessionStorag.getItem('key')      从sessionStorag获取数据

 sessionStorag.removeItem('key')        删除sessionStorag保存的数据

 sessionStorag.clear()            删除所有保存的数据