DOM BOM Event

@Worse · Регистрация: 24.10.2011

Студворк — интернет-сервис помощи студентам

В чём может быть проблема ?

HTML5
1
2
3
4
5
<style>
          .container{
                width:100%;
          }
</style>

JavaScript
1
2
3
4
5
var nbResizeWindow = function() {
    var nbContainer = document.getElementsByClassName("container")
    console.log(nbContainer.style.width);
}
window.addEventListener("resize", nbResizeWindow);

Console log :
Uncaught TypeError: Cannot read property 'width' of undefined

@nuurs · 25.08.2015, 22:15

У тебя width не задано "явно". Попробуй так:

JavaScript
1
console.log(window.getComputedStyle(nbContainer).width);

@Worse · 25.08.2015, 22:34 **[ТС]**

Получилось ... А есть какая нить функция чтобы быстро получить из
String : " Number + String "
Value : = Number

@kalabuni · 25.08.2015, 22:42

именно габариты (width и height) тегов проще получить не через текущий стиль, а через оффсеты: document.getElementsByClassName ("container") [0].offsetWidth и document.getElementsByClassName ("container") [0].offsetHeight
при этом сразу получаете результат в пикселях, преобразовывать строки в числа не надо

PS преобразовывать проще всего через parseInt (строка, первые символы которой - искомое целое число)

Новые блоги и статьи Все статьи Все блоги /
[Owen Logic] Поддержание уровня воды в резервуаре количеством включённых насосов: моделирование и выбор регулятора ФедосеевПавел 14.03.2026 Поддержание уровня воды в резервуаре количеством включённых насосов: моделирование и выбор регулятора ВВЕДЕНИЕ Выполняя задание на управление насосной группой заполнения резервуара,. . .	делаю науч статью по влиянию грибов на сукцессию anaschu 13.03.2026 прикрепляю статью	SDL3 для Desktop (MinGW): Создаём пустое окно с нуля для 2D-графики на SDL3, Си и C++ 8Observer8 10.03.2026 Содержание блога Финальные проекты на Си и на C++: hello-sdl3-c. zip hello-sdl3-cpp. zip Результат:	Установка CMake и MinGW 13.1 для сборки С и C++ приложений из консоли и из Qt Creator в EXE 8Observer8 10.03.2026 Содержание блога MinGW - это коллекция инструментов для сборки приложений в EXE. CMake - это система сборки приложений. Здесь описаны базовые шаги для старта программирования с помощью CMake и. . .
Как дизайн сайта влияет на конверсию: 7 решений, которые реально повышают заявки Neotwalker 08.03.2026 Многие до сих пор воспринимают дизайн сайта как “красивую оболочку”. На практике всё иначе: дизайн напрямую влияет на то, оставит человек заявку или уйдёт через несколько секунд. Даже если у вас. . .	Модульная разработка через nuget packages DevAlt 07.03.2026 Сложившийся в . Net-среде способ разработки чаще всего предполагает монорепозиторий в котором находятся все исходники. При создании нового решения, мы просто добавляем нужные проекты и имеем. . .	Модульный подход на примере F# DevAlt 06.03.2026 В блоге дяди Боба наткнулся на такое определение: В этой книге («Подход, основанный на вариантах использования») Ивар утверждает, что архитектура программного обеспечения — это структуры,. . .	Управление камерой с помощью скрипта OrbitControls.js на Three.js: Вращение, зум и панорамирование 8Observer8 05.03.2026 Содержание блога Финальная демка в браузере работает на Desktop и мобильных браузерах. Итоговый код: orbit-controls-threejs-js. zip. Сканируйте QR-код на мобильном. Вращайте камеру одним пальцем,. . .

@Worse 26 / 22 / 4 Регистрация: 24.10.2011 Сообщений: 166
	25.08.2015, 22:34 [ТС]
	Получилось ... А есть какая нить функция чтобы быстро получить из String : " Number + String " Value : = Number 0

@kalabuni супермизантроп 3941 / 2979 / 692 Регистрация: 18.04.2012 Сообщений: 8,629
	25.08.2015, 22:42
	именно габариты (width и height) тегов проще получить не через текущий стиль, а через оффсеты: document.getElementsByClassName ("container") [0].offsetWidth и document.getElementsByClassName ("container") [0].offsetHeight при этом сразу получаете результат в пикселях, преобразовывать строки в числа не надо PS преобразовывать проще всего через parseInt (строка, первые символы которой - искомое целое число) 1