Home/ Questions/Q 7798523
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-02T00:02:12+00:00

for example have a div,html code below <div id=testDiv></div> but when i set the

  • 0

for example have a div,html code below

<div id="testDiv"></div>

but when i set the innerHTML property of the div(id=testDiv) on ie ,see the code below:

document.getElementById('testDiv').innerHTML= '';

and the div will have a height and width,not a blank div any more
so that is why??
if i want the div is a blank div when set the innerHTML=”(if do not set the display:none)，how should i do?
now show the test code(different results runing on ie7 and chrome)

<!DOCTYPE>
<html>
<head>
<style>
        #bl{background:red;}
</style>
<script type="text/javascript">
function f(a){
    var t=document.getElementById("bl");
    t.innerHTML=a;
}
</script>
</head>
<body>
    <button type="button"  onclick="f('')">test</button>
    <div id="bl"></div>
</body>
</html>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    I think this is a known IE behaviour.
    In addition to setting innerHTML to empty string you can also set font-size to 0.

    • 0