Задать вопрос
@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>

Ничего не происходит, даже ошибки нет. Но если я приравниваю ширину к определенному значению, то все нормально.
  • Вопрос задан
  • 165 просмотров
Комментировать
Подписаться 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 Fullstack
OnClass
от 2 000 до 7 000 $
JavaScript FullStack developer
Wanted. • Санкт-Петербург
До 220 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Сбор данных из HH
23 дек. 2024, в 15:25
5000 руб./за проект
Юзабилити-тестирование сайта с мобильного — 24.12.2024 в 15:00 по МСК
23 дек. 2024, в 14:57
300 руб./за проект
Сделать js-модуль для Тильды
23 дек. 2024, в 14:47
4500 руб./за проект
Ещё заказы