html学习记录

最新推荐文章于 2024-08-13 10:10:57 发布

Vicent1024

最新推荐文章于 2024-08-13 10:10:57 发布

阅读量376

点赞数

本文链接：https://blog.csdn.net/shang1262712726/article/details/22940397

版权

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<script type="text/javascript">
function Rdo_Click(v){
	var blnShow=(v)?false:true;
	var strArt=document.getElementById('art');
    strArt.setAttribute("hidden",blnShow);
	if (v){strArt.removeAttribute("hidden");}
	}
    </script>
</head>
<body>
<article i>图书介绍:<br><br>
这是一本计算机入门的图书</article>
<h5>用户评论</h5>
<input type="radio" id="rdoHidden_1" onClick="Rdo_Click(1)" name="rdoHidden" value="1" checked="true" />显示
<input type="radio" id="rdoHidden_2" onClick="Rdo_Click(0)" name="rdoHidden" value="0" />隐藏
<article id="art"> 一本讲解很细腻的书</article>
</body>
</html>

今天看到了hidden 元素，再运行一个小例子的时候，发现将hidden属性设置为false之后，还是不能显示隐藏的文本，找了一会儿资料，原来得把属性删掉才能将隐藏的文本显示出来