在Javascript中将1添加到css样式属性中

Question

我试图首先获取元素的order属性的值,然后在单击按钮时向其添加1.事情是,而不是获得1并添加1并获得2,我得到11.不应该"+ ="运算符添加值？我究竟做错了什么？

carouselPrev.addEventListener("click", function(){

  const firstPost = document.querySelector(".blog-post");

  let firstPostOrder = firstPost.style.getPropertyValue('order');

  firstPost.style.order = firstPostOrder += 1;
});

Answer 1

Css属性是字符串,和'1' + 1 = 11.

之前添加"+" firstPostOrder将其转换为数字.

firstPost.style.order = +firstPostOrder += 1;