设置值为空时的疑问
<script type="text/javascript"> //定义"改变颜色"的函数 var Body = document.getElementById("txt"); function changeColor() { Body.style.color = "red"; Body.style.backgroundColor = "#ccc"; } //定义"改变宽高"的函数 function changeWidth() { Body.style.width = "400px"; Body.style.height = "300px"; } //定义"隐藏内容"的函数 function changeDpyNone() { Body.style.display = "none"; } //定义"显示内容"的函数 function changeDpyBlock() { Body.style.display = "block"; } //定义"取消设置"的函数 function EscChange() { var cfm = confirm("是否恢复默认设置?"); if (cfm == true) { Body.style.color = ""; Body.style.backgroundColor = ""; Body.style.width = ""; Body.style.height = ""; Body.style.display = ""; } } </script>
对于一个已申明宽高样式的DIV,在以下两种情况下通过设置宽高值为“ ”(恢复默认)的疑问:
再次修改DIV的宽高后设置宽高值为:“ ”;
直接设置宽高值为:“ ”;
对于以上操作后,DIV的宽高分别为样式申明中的宽高,还是为根据DIV内容自适应的宽高呢?并说明为什么会表现这样!
PS:上述代码为我练习中所写,实现任务预期!我自己在练习中做此实验,恢复的为样式申明中的宽高,但我不明白为什么会这样,为什么不是恢复为根据内容自适应!