即使在ff下也会有痕迹的应该同时设置width就ok了
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Strict//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<style type='text/css'>
body{
margin: 0;
padding: 0;
}
</style>
<script type='text/javascript'>
function doHide(){
var tst = document.getElementById('test');
tst.style.height = '0px';
tst.style.width= '0px';
};
</script>
</HEAD> <BODY>
<div id='test' style='margin:0;padding:0;border: 1px solid blue;background:red;height: 300px;width:300px;'></div>
<input type='button' value='click' onclick='doHide()'/>
</BODY>
</HTML>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Strict//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<style type='text/css'>
body{
margin: 0;
padding: 0;
}
</style>
<script type='text/javascript'>
function doHide(){
var tst = document.getElementById('test');
tst.style.height = '0px';
tst.style.width= '0px';
};
</script>
</HEAD> <BODY>
<div id='test' style='margin:0;padding:0;border: 1px solid blue;background:red;height: 300px;width:300px;'></div>
<input type='button' value='click' onclick='doHide()'/>
</BODY>
</HTML>
解决方案 »
- javascript怎样以绝对地址的方式取得frame
- 请问如何得到TD下面的超链接对象
- Js回传服务器, 控制按钮单击事件 ASP.NET + js高手 嘻嘻
- 能否让window.open不打开新窗口而是刷新已有窗口
- table1.all('123') 这句话是什么意思?
- 请教表格如何画线?
- 下面一段代码,safari浏览器中,下载文件自动加上html后缀。
- 什么是迭代,啥是序列化
- 如何用javascript求两个数的最大公约数
- 咋就不对劲泥。。。
- 在C#窗体中定义一个字符串Lats,输入到JAVASCRIPT的网页中。再用document.write(Lats)输出
- 模态对话框中的标题怎么改动吗?
其实我只是想让元素的高度为零,border可以存在。
即使增加 tst.style.width= '0px'; 它的高度依然存在。因为要实现渐隐的效果,不想直接使用display。
再加句
tst.style.lineHeight="0px";
IE有默认的行高,所以高度再小也无法变成0,试着把行高设成0看看吧
function doHide(){
var tst = document.getElementById('test');
tst.style.height = '0px';
tst.style.fontSize='0px';
};
以上提出的办法中:
修改lineHeight没有效果。修改fontSize为0是比较有效的。设置为负值会报错。