关于js统制页面“显示、隐藏”元素
日期：2014-05-16 浏览次数：20375 次
关于js控制页面“显示、隐藏”元素
在html页面中遇到js控制“显示、隐藏”页面元素时的方法，先贴上代码：
注意，这里使用display属性的inline，而不用block，是因为在html描述中：
block：此元素将显示为块级元素，此元素前后会带有换行符。
inline：默认。此元素会被显示为内联元素，元素前后没有换行符。
即使用block会出现换行。代码：
在html页面中遇到js控制“显示、隐藏”页面元素时的方法，先贴上代码：
<html>
<body>
<div id= "divID" style= "display:inline">
测试
</div>
<input type=button value= "显示" onclick='document.getElementById("divID").style.display="inline"'>
<input type=button value= "隐藏" onclick='document.getElementById("divID").style.display="none"'>
</body>
</html>注意，这里使用display属性的inline，而不用block，是因为在html描述中：
block：此元素将显示为块级元素，此元素前后会带有换行符。
inline：默认。此元素会被显示为内联元素，元素前后没有换行符。
即使用block会出现换行。代码：
<html>
<body>
<div id= "divID" style= "display:block">
测试
</div>
<input type=button value= "显示" onclick='document.getElementById("divID").style.display="block"'>
<input type=button value= "隐藏" onclick='document.getElementById("divID").style.display="none"'>
</body>
</html>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
