Heim  >  Artikel  >  Web-Frontend  >  javascript 控制 html元素 显示/隐藏实现代码_javascript技巧

javascript 控制 html元素 显示/隐藏实现代码_javascript技巧

WBOY
WBOYOriginal
2016-05-16 18:47:251479Durchsuche
1。编写js函数

2. 要显示/隐藏的html元素加上 id 属性





3,添加按钮,链接等触发 js 函数

显示/隐藏
javascript显示隐藏层

二:javascript控制页面控件隐藏显示的两种方法
javascript控制页面控件隐藏显示的两种方法,方法的不同之处在于控件隐藏后是否还在页面上占位
方法一:
document.all["PanelSMS"].style.visibility="hidden";
document.all["PanelSMS"].style.visibility="visible";
方法二:
document.all["PanelSMS"].style.display="none";
document.all["PanelSMS"].style.display="inline";
方法一隐藏后 页面的位置还被控件占用 只是不显示
方法二隐藏后 页面的位置不被占用
Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn