javascript - DAT GUI - 调整输入字段的大小

Question

我正在使用 Dat Gui 将菜单系统添加到我的应用程序中。

我的 html 代码中有这个:

<script src="js/dat.gui.js"></script>
<link type="text/css" rel="stylesheet" href="js/dat-gui-style.css">

在 dat-gui-style.css 文件中我有这个:

.dg .c input[type=text] { width: 350px; }

这允许我为菜单系统中的输入字段设置自定义宽度。这几乎正​​是我想要实现的目标。但是，它仅在全局范围内有效。我希望能够从 js 代码中动态控制输入字段的宽度属性。

我尝试过这个:

guiTest = new dat.GUI({ autoPlace: false });

for (i = 0; i < theMenu.paramNames.length; i++)
{
    guiTest.add(theMenu, theMenu.paramNames[i]);
    guiTest.__controllers[0].domElement.style.width = '350px';
}

但似乎不起作用。

有人知道如何做到这一点吗？

Answer 1

如果 domElement 实际上是 Element 的实例，那么你的语法应该是

guiTest.__controllers[0].domElement.style = 'width:350px';