HTML5 自动显示和隐藏文字,hidden属性,为何以下方法不能实现?

html-css09

HTML5 自动显示和隐藏文字,hidden属性,为何以下方法不能实现?,第1张

<p>hidden属性在html5中,只要存在,就是隐藏效果,而不论值为多少</p>

<p>要显示元素,要删除hidden属性,而不是设置为false</p>

<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>

需要准备的材料分别有:电脑、浏览器、html编辑器。

1、首先,打开html编辑器,新建html文件,例如:index.html,编写问题基础代码。

2、在index.html中的<script>标签中,输入js代码:。

if (navigator.userAgent.match(/mobile/i)) {

$('video').hide()

}

3、浏览器运行index.html页面,此时在移动端中成功隐藏了video标签的控件。

打开Windows7资源管理器(WindowsExplorer),左侧是一个导航窗格,包括:收藏夹,库,家庭组,计算机,网络。这些项目链接到文件夹,硬盘或者其他电脑系统。找到文件名为html5的文件就可以打开