本教程操作环境: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标签的详细内容。
