js里面怎么将内容隐藏内容隐藏

Posted 2023-04-06

：获取元素，判断点击，如果DIV显示就隐藏，如果DIV隐藏就显示出来。

1 if(DIV是显示的)
2 div.style.display='none';
3
4 else
5 div.style.display='block';
6

代码：
style:
1 <style>
2 #textdisplay:block;width:300px;cursor:pointer;height:20px;border:solid 1px #CCC;
3 #menudisplay:none;width:300px;height:100px;border:solid 1px #CCC;
4 </style>

js:

<script type="text/javascript">
window.onload=function()
var wenzi=document.getElementById('text');
var div=document.getElementById('menu');
wenzi.onfocus=function()
if(div.style.display=='block') // == 判断div.display是否为显示
div.style.display='none'; //= 赋值也可了解成改变

else
div.style.display='block';


;
</script>

html
<span id="text">点击显示菜单，再点击隐藏菜单</span>
<div id="menu">这是文字哦。</div> 参考技术A 不知是不是在页面隐藏，js有一个 hide() 函数，可以通过$("#id").hide(); 这样隐藏div 参考技术B $('').hide();

js如何设置里面的标签隐藏

点添加分类的时候，显示添加分类填选项
2、点上一步的时候，吧添加分类填选项隐藏，选中分类（四个长方形）显示，怎么我隐藏的是否有个白色的占位东西在哪里，而不是紧贴的，有什么办法解决
代码如下：
<table>
<tr><td><table><tr><td>四个长方形的代码</td></tr></table></td><tr>
<tr><td><table><tr><td>上传隐藏文字的代码</td></tr></table></td><tr>
</table>

参考技术A 你用了哪个属性隐藏，是设置display还是visibility属性，要是visibility属性，他还是会占据先前的高度，如果是display那就应该不会。本回答被提问者采纳 参考技术B

给下面包着内容的table加一个id或者class  

document.getElementById('你填写的id').style.display = 'none';