JavaScript如何掩藏html标签

lxf2023-03-18 20:46:01

方式:1、运用“document.getElementById("id")”句子依据id值获得指定html标签原素目标;2、运用“标识原素目标.style.display="none";”句子将获得过的html标签原素掩藏就可以。

JavaScript如何掩藏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如何掩藏html标签

【相关信息:javascript学习教程

以上就是关于JavaScript如何掩藏html标签的具体内容,大量欢迎关注AdminJS其他类似文章!