显示/隐藏指定id的html控件

最新推荐文章于 2025-03-10 21:37:25 发布

最新推荐文章于 2025-03-10 21:37:25 发布 · 1.2k 阅读

文章标签：

#HTML #JavaScript #ViewUI

Javascript 专栏收录该内容

32 篇文章

订阅专栏

本文介绍了一种使用JavaScript来实现网页中特定HTML控件的显示与隐藏的方法。通过两个函数`displayHtml`和`hideHtml`，可以轻松地切换元素的可见状态，这对于动态网页设计非常有用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >


<script language="javascript">

//显示指定id的html控件
function displayHtml(controlId) {
 var objHtmlControl = document.getElementById(controlId);    
 objHtmlControl.style.display = "inline";
 //或者
 //objHtmlControl.style.display = "block";
}

//隐藏指定id的html控件
function hideHtml(controlId) {
 var objHtmlControl = document.getElementById(controlId);    
 objHtmlControl.style.display = "none";
}

</script>