javascript - 将 1 添加到 Javascript 中的 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;