Javascript 如何增加和减少字体大小?

Javascript 如何增加和减少字体大小?,javascript,html,css,Javascript,Html,Css,我有以下问题的麻烦。我有两个按钮:+和-当按下其中一个按钮时,我们说+按钮。p跨度H1A元件的尺寸应增大。请帮忙 关于这个问题,你能说得更具体些吗。 有两种方法。其中一种方法是使用纯javascript。这可能会帮助您: 我嘲笑了你的要求,试图解决你的问题。解决方案 您可以更改要增加fontsize的大小,例如,我只是增加了5 请让我知道,如果您正在寻找相同或任何其他内容?您可以使用Javascript解决此问题 例如: 函数增量头{ //获取要更改的标签 var headerTag=docu

我有以下问题的麻烦。我有两个按钮:+和-当按下其中一个按钮时,我们说+按钮。p跨度H1A元件的尺寸应增大。请帮忙

关于这个问题,你能说得更具体些吗。 有两种方法。其中一种方法是使用纯javascript。这可能会帮助您:
我嘲笑了你的要求,试图解决你的问题。解决方案

您可以更改要增加fontsize的大小,例如,我只是增加了5


请让我知道,如果您正在寻找相同或任何其他内容?

您可以使用Javascript解决此问题

例如:

函数增量头{ //获取要更改的标签 var headerTag=document.getElementById'header_tag'; //获取当前字体大小 var currentFontSize=headerTag.style.fontSize; //最后取出px currentFontSize=currentFontSize.0,-2; //将currenFontSize设置为整数 currentFontSize=parseIntcurrentFontSize; //在将currenFontSize增加1的同时创建新字体大小 var newFontSize=currentFontSize+1; //将newFontsize设置为字符串,并在末尾添加px newFontSize=newFontSize.toString+px; //创新 headerTag.style.fontSize=新fontSize; } 函数减量头{ //获取要更改的标签 var headerTag=document.getElementById'header_tag'; //获取当前字体大小 var currentFontSize=headerTag.style.fontSize; //最后取出px currentFontSize=currentFontSize.0,-2; //将currenFontSize设置为整数 currentFontSize=parseIntcurrentFontSize; //创建新字体大小,同时将currenFontSize减小1 var newFontSize=currentFontSize-1; //将newFontsize设置为字符串,并在末尾添加px newFontSize=newFontSize.toString+px; //创新 headerTag.style.fontSize=新fontSize; } 你好 +
-到目前为止您尝试了什么?您可以使用jQuery更改:root上的字体大小,并对所有内容使用em单位。@kannanD.S-为什么使用jQuery?在vanilla js中可以很容易地做到这一点,问题不是jQuery,我试过java脚本。使用DOM,我刚刚更改了BodyFontSize您还应该让OP知道您的解决方案需要jQuery。这最多应该是一个注释。如果你想发布一个答案,你应该从这个链接中提取所有相关信息,并用它来写一个完全独立的答案。为了让我知道,我不知道这一点。
var fontsize = parseInt($('#mytext').css("font-size"));
  $('#mytext').css('font-size', fontsize+5);