Задать вопрос
@Ignatiy2
javascript

Почему не изменяется ширина?

Есть блок, и я хочу чтобы его ширина умеьшилась на 50 пикселей:
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>1</title>
</head>
<body>
	<div class="percent" style="
	width: 250px;
	height: 30px;
	background: yellow;
	border-radius: 10px;
        ">		
	</div>
	<script>
        var percent = document.querySelector(".percent");
        percent.style.width =- "50px";
        </script>
</body>
</html>

Ничего не происходит, даже ошибки нет. Но если я приравниваю ширину к определенному значению, то все нормально.
  • Вопрос задан
  • 163 просмотра
Комментировать
Подписаться 1 Простой Комментировать
Решения вопроса 2
Vlad_IT
@Vlad_IT Куратор тега CSS
Front-end разработчик
Не =-, а -=. =- просто присваивает значение со знаком минус, а -= это короткая форма
a = a - 1 // тоже самое, что a -= 1
Также, в поле width содержится не число, а строка вида 10px, поэтому вы должны сначала преобразовать ее в число. Да и вы почему-то пытаетесь отнять не число, а строку.
Вот так правильнее
percent.style.width = (parseInt(percent.style.width) - 50) + 'px';
Ответ написан
6 комментариев
6 комментариев
Lara164
@Lara164
начинающий верстальщик html, css
сначала надо получить значение ширины блока, а потом это значение уменьшить
https://codepen.io/Lareta/pen/LoNjZz
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript FullStack разработчик
Rocket • Смоленск
от 80 000 до 130 000 ₽
JavaScript Developer
AppsTrain.io
от 80 000 до 180 000 ₽
JavaScript FullStack developer
Wanted. • Санкт-Петербург
До 220 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Разработать интерфейс UX/UI для сервиса
05 нояб. 2024, в 19:14
100000 руб./за проект
Разработать скрипт афк фид бот 5x5 для Dota 2
05 нояб. 2024, в 19:07
12000 руб./за проект
Разработать vpn сервис
05 нояб. 2024, в 17:38
150000 руб./за проект
Ещё заказы