最近做的表单需用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="";//显示