“如何修改javascript”;更改字体大小;?
我有这样的代码:“如何修改javascript”;更改字体大小;?,javascript,html,font-size,Javascript,Html,Font Size,我有这样的代码: <script type="text/javascript"> function changeFontSize(element,step) { step = parseInt(step,10); var el = document.getElementById(element); var curFont = parseInt(el.style.fontSize,10); el.style.fontSi
<script type="text/javascript">
function changeFontSize(element,step)
{
step = parseInt(step,10);
var el = document.getElementById(element);
var curFont = parseInt(el.style.fontSize,10);
el.style.fontSize = (curFont+step) + 'px';
}
</script>
函数changeFontSize(元素、步骤)
{
步骤=parseInt(步骤,10);
var el=document.getElementById(元素);
var curFont=parseInt(el.style.fontSize,10);
el.style.fontSize=(curFont+step)+“px”;
}
以及这些HTML代码:
<section id="contentb" style="font-size:16px;">...</section>
<a href="javascript:void(0);" onclick="changeFontSize('contentb',2);">change +</a>
<a href="javascript:void(0);" onclick="changeFontSize('contentb',-2);">change -</a>
。。。
如何编写只能将文本加至24px(4次)并将文本减至8px(4次)的代码?如果(curFont>=24)返回,则添加
代码>在定义curFont
之后,但在分配el.style.fontSize
之前,我不确定我是否理解了这个问题,但是如果您不想将fontSize限制为24px,那么这将起作用:
<script type="text/javascript">
function changeFontSize(element,step)
{
step = parseInt(step,10);
var el = document.getElementById(element);
var curFont = parseInt(el.style.fontSize,10);
if(curFont < 24) {
el.style.fontSize = (curFont+step) + 'px';
}
}
</script>
<section id="contentb" style="font-size:8px;">...</section>
<a href="javascript:void(0);" onclick="changeFontSize('contentb',4);">change</a>
函数changeFontSize(元素、步骤)
{
步骤=parseInt(步骤,10);
var el=document.getElementById(元素);
var curFont=parseInt(el.style.fontSize,10);
如果(curFont<24){
el.style.fontSize=(curFont+step)+“px”;
}
}
...
您的意思是不希望字体大小超过24px吗?是的。我更新了我的帖子,开始时字体大小被设置为8px,如果字体大小小于24px,每次点击链接都会增加4。开始时需要16px!怎么办?24px-16px/4=2px那么您应该将字体大小设置为16px,并更改字体大小('contentb',2);很难知道你在问什么真的?