话本小说怎么屏蔽标签

话本小说怎么屏蔽标签,第1张

话本小说屏蔽标签。分别是通过设置控件的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>


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/zaji/6112099.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-15
下一篇 2023-03-15

发表评论

登录后才能评论

评论列表(0条)

保存