InputElement width возвращает пустую строку

Question

У меня есть InputElement на моей странице, и я пытаюсь получить доступ к его ширине, чтобы я мог сделать другие элементы одинакового размера.

Мой InputElement является верхний уровень, поэтому у меня есть:

InputElement nameBox = querySelector("#nameBox"); 

Позже в main(), у меня есть:

var width = querySelector("#nameBox").style.width; 

После этой линии, width всегда "" вместо ожидаемого "149px" , Однако присвоение этому stlye.width обновляет ширину ...

Любая идея, почему это так? Я понимаю, что Dart's main() не запускается до загрузки DOM, поэтому не уверен, почему это не работает. Кстати, ширина 149px по умолчанию - я ее не изменил.

Answer 1

.style.width не возвращает вычисленную ширину, но ширину, назначенную атрибуту style элемента (<input style="width:200px"/>). Если вы хотите получить реальную ширину, вы можете использовать Element.clientWidth.