如何增加谷歌多边形对话框的高度动态

How to increase Googles polyfill dialog height dynamically

本文关键字：对话框 多边形 高度 动态 谷歌 何增加 增加      更新时间：2023-09-26

我使用谷歌的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的值?

编辑:

Ok，在回答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。

编辑:

这里是HTMLElement.style属性的引用。上面写着:

style属性通常对于了解元素的样式没有用处，因为它只表示元素的inline style属性中设置的CSS声明。

因此，据我所知，如果在元素的内联声明中没有style="smth"，则HTMLElement.style.smth不起作用。

相关文章：