单击按钮时增加CSS矩阵

Increase CSS atribute on button click

本文关键字：CSS 矩阵 增加 按钮 单击      更新时间：2023-09-26

我想知道是否有一种方法可以在单击按钮时增加css属性的值。

例如，css将是

.Testclass{
font-size:30px;
}

有没有一种方法可以在每次单击起诉js或jquery按钮时将css属性中的数字增加10。

试试下面的代码。。。

编辑（请参阅下面的评论）：将其放入功能

 var p = parent_window.document.body;
 var size = $('#teleprompter',p).css('font-size').slice(0,-2);
 size-=10;
 $('#teleprompter',p).css('font-size',size+'px');

其他片段（旧）：

$('button[name=btn]').click(function(){
  var size = $('.Testclass').css('font-size').slice(0,-2);
  size -=10;
  $('.Testclass').css('font-size',size+'px')
  });
.Testclass{
font-size:30px;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button name="btn">Make the font-size smaller!</button><div class="Testclass">TEXT</div>

来自奥地利的问候

相关文章：