Лучший способ получить ширину границы в JavaScript?

Question

Лучший способ получить ширину границы в JavaScript?

Я использую это:

var playGard =document.getElementsByClassName("playGard")[0];

var borderW= getComputedStyle(playGard,null).getPropertyValue('border-left-width').substr(0,2);

Я получаю значение "10".

Есть лучший короткий путь в JavaScript?

(Получить значение в виде числа)

0

javascript css getcomputedstyle

Источник

user5740092 23 янв '16 в 12:02

1 ответ

Решение

Другие вопросы по тегам javascript css getcomputedstyle

23 янв '16 в 14:31 2016-01-23 14:31 · Accepted Answer · 2016-01-23 14:31

Очевидно, что substr(0, 2) это не очень хорошая идея, потому что она не будет работать, если ширина меньше 10 или больше 100.

Вместо этого просто удалите строку "px" (если она есть; может быть, если значение равно 0):

+val.replace('px', '')

Ведущий + это преобразовать это в число.

Но почему?

Более интересный вопрос - почему вы пытаетесь получить ширину границы. Что вы планировали делать с этим? С помощью getComputedStyle это немного анти-шаблон. Это часто означает, что вы пытаетесь поддерживать состояние приложения в CSS, что никогда не было хорошей идеей.