方式:1、运用“document.getElementById("id")”句子依据id值获得指定html标签原素目标;2、运用“标识原素目标.style.display="none";”句子将获得过的html标签原素掩藏就可以。
本实例教程作业环境:windows10系统软件、javascript1.8.5版、Dell G3计算机。
JavaScript如何掩藏html标签
在JavaScript中,需要掩藏html标签,可以借助“document.getElementById("id")”句子依据id值获得指定html标签原素目标。
然后利用style特性和display特性将获得过的原素目标隐藏就可以。
当display元素基础属性为none时,原素便会隐藏。
实例如下所示:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<p>无序列表:</p>
<ul>
<li id="xuebi">可乐</li>
<li>可口可乐</li>
<li>下火茶</li>
</ul>
<script type="text/javascript">
document.getElementById("xuebi").style.display="none";
</script>
</body>
</html>
输出结果:
【相关信息:javascript学习教程】
以上就是关于JavaScript如何掩藏html标签的具体内容,大量欢迎关注AdminJS其他类似文章!