document.getElementById("mydiv").innerHTML="";在IE里面仍然要占位，我要FF的效果。

laosan 2007-07-03 12:03:25
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>div增加内容后，删除内容，怎么IE里面还有原来的位置</title><br />
<style type="text/css">
div{
background-color:#FF0000;
}
</style>
<script type="text/javascript" language="javascript">
function changeDivA(){
document.getElementById("mydiv").innerHTML="加点内容......";
}
function changeDivB(){
document.getElementById("mydiv").innerHTML="";
}
</script>
</head>

<body>
<div id="mydiv"></div>
<form id="form1" name="form1" method="post" action="">
<input type="button" name="button" value="按钮a" onclick="javascript:changeDivA();" />
<input type="button" name="button" value="按钮b" onclick="javascript:changeDivB();" />
</form>
</body>
</html>


以上代码在ie里面执行的效果，FF里面的效果才是我想要的。
但是我这个mydiv仍然要保留。
...全文
893 15 打赏 收藏 转发到动态 举报
写回复
用AI写文章
15 条回复
切换为时间正序
请发表友善的回复…
发表回复
meizz 2007-07-06
  • 打赏
  • 举报
 回复
我的代码在IE7和FF里是可行的！
muxrwc 2007-07-06
  • 打赏
  • 举报
 回复
function changeDivB()
{
document.getElementById("mydiv").innerHTML="";
document.getElementById("mydiv").style.height="0";
document.getElementById("mydiv").style.overflow="hidden";
}
设置overflow IE6就也可以了:D
laosan 2007-07-05
  • 打赏
  • 举报
 回复
多谢众多高手出手。

meizz(梅花雪)老大的不行哦！~!~

只能采用muxrwc(十月，期待。。。) 的方法了。

deninghe 2007-07-03
  • 打赏
  • 举报
 回复
0-0 ~
visibility="hidden"
不过　div还是要占位置的
deninghe 2007-07-03
  • 打赏
  • 举报
 回复
dispaly:none不好　隐藏了有些操作就不起作用了
还是用visible:hidden吧
Allan_Happy 2007-07-03
  • 打赏
  • 举报
 回复
hookee()的不是蛮好的嘛
yougucao379548695 2007-07-03
  • 打赏
  • 举报
 回复
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>div增加内容后，删除内容，怎么IE里面还有原来的位置</title><br />
<style type="text/css">
div{
background-color:#FF0000;
}
</style>
<script type="text/javascript" language="javascript">
function changeDivA(){
document.getElementById("mydiv").innerHTML="加点内容......";
}
function changeDivB(){
document.getElementById("mydiv").innerHTML="";
document.getElementById("mydiv").style.width=0;
document.getElementById("mydiv").style.height=0;
}
</script>
</head>

<body>
<div id="mydiv"></div>
<form id="form1" name="form1" method="post" action="">
<input type="button" name="button" value="按钮a" onclick="javascript:changeDivA();" />
<input type="button" name="button" value="按钮b" onclick="javascript:changeDivB();" />
</form>
</body>
</html>
yougucao379548695 2007-07-03
  • 打赏
  • 举报
 回复
wo kan kan 是不是这种效果
laosan 2007-07-03
  • 打赏
  • 举报
 回复
楼上的大哥，我不是要div不可见（display="none"），而是希望div里面没有内容后，其高度自动变为0。
zzxiaoma 2007-07-03
  • 打赏
  • 举报
 回复
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>div增加内容后，删除内容，怎么IE里面还有原来的位置</title><br />
<style type="text/css">
div{
background-color:#FF0000;
}
</style>
<script type="text/javascript" language="javascript">
function changeDivA(){
document.getElementById("mydiv").style.display="";
document.getElementById("mydiv").innerHTML="加点内容......";
}
function changeDivB(){
document.getElementById("mydiv").style.display="none";
}
</script>
</head>

<body>
<div id="mydiv"></div>
<form id="form1" name="form1" method="post" action="">
<input type="button" name="button" value="按钮a" onclick="javascript:changeDivA();" />
<input type="button" name="button" value="按钮b" onclick="javascript:changeDivB();" />
</form>
</body>
</html>
muxrwc 2007-07-03
  • 打赏
  • 举报
 回复
用DOM即可。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>div增加内容后，删除内容，怎么IE里面还有原来的位置</title><br />
<style type="text/css">
div{
background-color:#FF0000;
}
</style>
<script type="text/javascript" language="javascript">
function changeDivA(){
document.getElementById("mydiv").appendChild(document.createTextNode("加点内容......"));
}
function changeDivB(){
document.getElementById("mydiv").removeChild(document.getElementById("mydiv").childNodes[0]);
}
</script>
</head>

<body>
<div id="mydiv"></div>
<form id="form1" name="form1" method="post" action="">
<input type="button" name="button" value="按钮a" onclick="javascript:changeDivA();" />
<input type="button" name="button" value="按钮b" onclick="javascript:changeDivB();" />
</form>
</body>
</html>
btbtd 2007-07-03
  • 打赏
  • 举报
 回复
从CSS上解决吧, IE的CSS 有N多莫名其妙的问题...7.0以下....
meizz 2007-07-03
  • 打赏
  • 举报
 回复
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>div</title><br />
<style type="text/css">
div{
background-color:#FF0000;
}
</style>
<script type="text/javascript" language="javascript">
function changeDivA()
{
document.getElementById("mydiv").style.height="auto";
document.getElementById("mydiv").innerHTML="加点内容......";
}
function changeDivB()
{
document.getElementById("mydiv").innerHTML="";
document.getElementById("mydiv").style.height="0";
}
</script>
</head>

<body>
------<div id="mydiv" style="line-height:normal"></div>------
<form id="form1" name="form1" method="post" action="">
<input type="button" name="button" value="按钮a" onclick="javascript:changeDivA();" />
<input type="button" name="button" value="按钮b" onclick="javascript:changeDivB();" />
</form>
</body>
</html>
hookee 2007-07-03
  • 打赏
  • 举报
 回复
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>div增加内容后，删除内容，怎么IE里面还有原来的位置</title><br />
<style type="text/css">
div{
background-color:#FF0000;
}
</style>
<script type="text/javascript" language="javascript">
function changeDivA(){
document.getElementById("mydiv").innerHTML="加点内容......";
}
function changeDivB(){
document.getElementById("mydiv").innerHTML="";
if(document.all){
var obj = document.getElementById("mydiv");
obj.outerHTML = obj.outerHTML;
}
}
</script>
</head>

<body>
<div id="mydiv"></div>
<form id="form1" name="form1" method="post" action="">
<input type="button" name="button" value="按钮a" onclick="javascript:changeDivA();" />
<input type="button" name="button" value="按钮b" onclick="javascript:changeDivB();" />
</form>
</body>
</html>
猪小烧 2007-07-03
  • 打赏
  • 举报
 回复
学习
前端性能优化指南
###AJAX优化 缓存AJAX： 异步并不等于即时。 请求使用GET： 当使用XMLHttpRequest时，而URL长度不到2K，可以使用GET请求数据，GET相比POST更快速。 POST类型请求要发送两个TCP数据包。 先发送文件头。再发送数据。 GET类型请求只需要发送一个TCP数据包。 取决于你的cookie数量。 ##
浏览器兼容问题。css部分
1.怪异模式问题：漏写DTD声明，Firefox仍然会按照标准模式来解析网页，但在IE中会触发怪异模式。为避免怪异模式给我们带来不必要的麻烦，最好养成书写DTD声明的好习惯。 2.IE6双边距问题：在IE6下，如果对元素设置了浮动，同时又设置了margin-left或margin-right，margin值会加倍。例如： HTML： CSS： [url=][/url] .myDiv{
HTML_JavaScript基础入门
1、JavaScript基本语法 JavaScript的主要作用 1， 客户端表单验证 2， 页面动态效果 3， 动态改变页面内容 什么是JavaScript JavaScript是基于对象和事件驱动的、具有一定安全特性的脚本语言。和xhtml与css一样，JavaScript是在浏览器端解释并被执行的。 *实事上，JavaScript也可以在服务器端运行，但我们不涉及这方面的内容。
整理
1.前端安全问题有哪些，如何防范 主要有XSS攻击和CSRF攻击 xss：跨站脚本攻击，在网页里植入一段恶意代码，在该网站的作用域下执行了这段代码 防范： 1.在服务端设置对cookie的保护，也就是设置httponly，防止用户通过document.cookie来读取cookie 2.对用户的输入进行编码和解码，以及转义和过滤用户的输入内容，过滤掉用户输入的dom属性以及style iframe...
浏览器兼容问题
一 、DIV+CSS解决FF（火狐）兼容问题 1、 Firefox 关于DIV高度无法自适应的两种解决 如果设置了一个DIV的高度，当DIV里实际内容大于所设高度，ie会自动拉伸以适应DIV容器大小，ff会固定DIV的高度，超过部分超出DIV底线以外，出现和下面的内容重叠的现象。如果不给DIV设置高度，在Firefox中将不会因为里面的内容而撑开，而IE中就会自动根据内容撑开 解决方案： 1）、在...
JavaScript

87,910

社区成员

224,616

社区内容

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章