话本小说屏蔽标签。分别是通过设置控件的style的display和visibility属性。
利用document.getElementByIdid语句根据id值获取指定的html标签元素对象,利用标签元素对象.style,display=none,语句将获取到的html标签元素隐藏即可。
说明:
html隐藏a标签的方法是,给a标签添加visibility属性,并且设置属性值为hidden即可,visibility属性是专门用来规定元素是否可见的,hidden表示元素不可见,其实在html中要隐藏a标签并不是很难。
因为在css中有一个非常好用的属性visibility,利用这个属性可以轻而易举的实现我们的目的。
visible 默认值。元素是可见的,hidden 元素是不可见的,collapse 当在表格元素中使用时,此值可删除一行或一列,但是它不会影响表格的布局。
被行或列占据的空间会留给其他内容使用,如果此值被用在其他的元素上,会呈现为 hidden,inherit 规定应该从父元素继承 visibility 属性的值。
<html><head>
<title>HTML元素的显示与隐藏控制</title>
<script type="text/javascript">
function showAndHidden1(id1,id2){
var div1=document.getElementById("div"+id1)
var div2=document.getElementById("div"+id2)
if(div1.style.display=="block"){
div1.style.display="none"
div2.style.display="block"
}else{
div1.style.display="block"
div2.style.display="none"
}
}
</script>
</head>
<body>
<div id="div1" onclick="showAndHidden1(1,2)" style="display:block">DIV 1</div>
<div id="div2" onclick="showAndHidden1(2,1)" style="display:none">DIV 2</div>
<div id="div3" onclick="showAndHidden1(3,4)" style="display:block">DIV 3</div>
<div id="div4" onclick="showAndHidden1(4,3)" style="display:none">DIV 4</div>
<div id="div5" onclick="showAndHidden1(5,6)" style="display:block">DIV 5</div>
<div id="div6" onclick="showAndHidden1(6,5)" style="display:none">DIV 6</div>
<div id="div7" onclick="showAndHidden1(7,8)" style="display:block">DIV 7</div>
<div id="div8" onclick="showAndHidden1(8,7)" style="display:none">DIV 8</div>
</body>
</html>
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)