我使用Googles polyfill对话框并希望动态增加它的高度,具体取决于用户单击对话框按钮以在其中添加更多元素(行)。 这是当用户点击该按钮时调用的javascript的一部分:
var mc_dialog = document.getElementById('mc_dialog');
var h = mc_dialog.style.height;
console.log("mc_dialog height = ",h);
但是height
很简单,没有价值 - 没什么
mc_dialog.style.height = "500px"
完美无缺。
为什么我没有得到mc_dialog.style.height
的价值?
编辑:
在Evil Penguin回答之后我在javascript函数中设置了高度initially
,这会打开对话框,如下所示:
mc_dialog.style.height = "500px"
以后当用户点击向对话框添加内容时,我现在可以检索高度,所以现在看起来像这样:
var mc_dialog = document.getElementById('mc_dialog');
var h = parseInt(mc_dialog.style.height);
mc_dialog.style.height= h+50+"px";
它完美无缺。
但现在我有了一个问题,为什么我最初要设置style.height?它不是该元素的永久属性吗?如果没有,为什么?