您的位置：首页 > Web前端 > HTML5

验证HTML5的hidden属性

2017-11-14 10:56 148 查看

<!doctype html>

<html>

<dead>

<meta charset="UTF-8">

<style type="text/css">

</style>

<script>

function dis(){
document.getElementById("test").removeAttribute("hidden");//通过removeAttribute()方法来移除Hidden属性，实现文字可见

}

function hid(){
document.getElementById("test").setAttribute("hidden","hidden");//通过setAttribute()方法来设置Hidden1属性，实现文字不可见

}

</script>

</dead>

<body>

<h3>显示和隐藏文字实验</h3>

<form>
显示：<input type="radio" checked name="xian" value="dis" onclick="dis()">隐藏：<input type="radio" name="xian" value="hid" onclick="hid()">


</form>
<span id="test">用这段文字来演示HTML5新增加的hidden属性</span>
</body>

</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： html5 hidden属性

相关文章推荐

新的分享

章节导航