html隐藏和显示功能

       最近做的表单需用a标签做一个单选功能并且再点击选项时要在标签后显示对勾图片，并且在点击其它选项时先点击的选项后面的对勾图片要消失。所以就用用到了标签的隐藏与显示问题。

      首先在a标签选项后加上对勾图片。

%a123
%img{id="one", src="**/**/**.jpg",style="none"}
%a456
%img{ id="two",src="**/**/**.jpg",style="none"}
%a789
%img{ id="three",src="**/**/**.jpg",style="none"}

  然后用js方法再点击是显示。

function choose(id){
document。ElementsByTagName('a')..style.display = "none";
document。ElementsById('id')..style.display = "block";

这样当你点击标签他后面就显示对勾图片，而当你继续点击其他标签时就会显示其他标签后的对勾图片，之前的显示就会消失。

下面是div的隐藏与显示

div的visibility可以控制div的显示和隐藏，但是隐藏后页面显示空白:

style="visibility: none;"
document.getElementById("typediv1").style.visibility="hidden";//隐藏
document.getElementById("typediv1").style.visibility="visible";//显示

通过设置display属性可以使div隐藏后释放占用的页面空间，如下

style="display: none;"
document.getElementById("typediv1").style.display="none";//隐藏
document.getElementById("typediv1").style.display="";//显示