HTML5 自动显示和隐藏文字，hidden属性，为何以下方法不能实现？
通过两个互斥单选按钮，实现自动显示或隐藏p段落里边内容。其它方法也能实现，但是下边这种方法为何不行？（为每个按钮添加了一种方法）
<script type="text/javascript" async="true">
function qq_onclick(){
var text_2=document.getElementById("text_1");
text_2.setAttribute("hidden","false");
}
function qq_close(){
var text_1=document.getElementById("text_1");
text_1.setAttribute("hidden","true");
}
</script>
<input type="radio" name="qq" value="1" id="che_1" onClick="qq_onclick()">显示
<input type="radio" name="qq" value="0" id="che_0" checked="true" onClick="qq_close()">隐藏
<p id="text_1">
这是一段可以显示和隐藏的文字
</p>
附上一种正确代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>hidden属性的使用</title>
<link href="css.css" rel="stylesheet" type="text/css">
<script type="text/javascript" async="true">
function Rdo_Click(v){
var blnShow=(v)?false:true;
var strArt=document.getElementById("art");
strArt.setAttribute("hidden",blnShow);
}
</script>
</head>
<body>
<h5>元素的隐藏属性</h5>
<nav style="padding-top:5px;padding-bottom:5px">
<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"/>隐藏
</nav>
<article id="art" class="p3_8">
大家好，我是雨夜，欧耶。
</article>
</body>
</html>
hidden属性在html5中，只要存在，就是隐藏效果，而不论值为多少，要显示元素，要删除hidden属性，而不是设置为false。实现代码如下：
<script type=“text/javascript” async=“true”>
function qq_onclick（）{
var text_2=document.getElementById（“text_1”）；
text_2、removeAttribute（“hidden”）；
}
function qq_close（）{
var text_1=document.getElementById（“text_1”）；
text_1、setAttribute（“hidden”，true）；
}
</script>
扩展资料：
HTML5的特性主要包括哪些内容
随着移2113动互联网的飞速发展，5261目前Html5技术也得到了不断的完善，开4102发技术方面越来越成熟了，成为了1653目前主流的开发语言之一。html5的特性在五个方面体现的淋漓尽致
1、语义特性：
HTML5赋予网页更好的意义和结构。
2、HTML5 APP Cache及本地存储：
基于HTML5开发的网页APP拥有更短的启动时间，更快的联网速度
3、设备兼容：
HTML5提供了前所未有的数据与应用接入开放接口。使外部应用可以与浏览器内部的数据直接相连。
4、连接特性：
更有效的连接工作效率，使得基于页面的实时聊天，更快速的网页游戏体验，更优化的在线交流得到了实现。HTML5拥有更有效的服务器推送技术，能实现服务器将数据“推送”到web app的功能。
5、图形特性：
基于SVG、Canvas、WebGL及CSS3的3D功能，用户能在浏览器中得以体验到惊艳的视觉效果。
hidden属性在html5中，只要存在，就是隐藏效果，而不论值为多少
要显示元素，要删除hidden属性，而不是设置为false
<script type="text/javascript" async="true">function qq_onclick(){
var text_2=document.getElementById("text_1");
text_2.removeAttribute("hidden");
}
function qq_close(){
var text_1=document.getElementById("text_1");
text_1.setAttribute("hidden",true);
}
</script>本回答被提问者采纳