Как правильно увеличивать на 100 css свойство элемента? [дубликат]

245

07 февраля 2018, 14:22

На данный вопрос уже ответили:

Как увеличивать значение style.left? 1 ответ

var slider = document.getElementById("relax"); 
var next = document.getElementById("next"); 
 
next.onclick = function(){ 
    slider.style.left += 100 + "%"; 
  }

<article id="relax" style="left:0%; position: absolute;"><img src="1.jpg"></article> 
<button id="next">next</button>

Как правильно записать, что бы при нажатии оно увеличивало свойства left на 100%

Answer 1

Вы ищите через querySelectorAll, это коллекция.
upd.slider.style.left возвращаемое значение строка, у вас в примере вернется 0%,можно воспользоваться parseInt(slider.style.left) и далее увеличить как Вам нужно.