<分区>
标签 javascript jquery html css
<分区>
我想知道是否有一种方法可以在单击按钮时增加 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>
来自奥地利的问候
关于javascript - 单击按钮时增加 CSS 属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26086789/