设置值为空时的疑问
<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:上述代码为我练习中所写,实现任务预期!我自己在练习中做此实验,恢复的为样式申明中的宽高,但我不明白为什么会这样,为什么不是恢复为根据内容自适应!