如何增加和减少字体大小？

Question

我遇到以下问题。我有两个按钮：+和-按下其中一个按钮时，我们说+按钮。 p跨度h1 a元素的大小应增加。请帮忙!!!

Answer 1

我嘲笑您的要求，并试图解决您的问题。解决方案 here

var fontsize = parseInt($('#mytext').css("font-size"));
  $('#mytext').css('font-size', fontsize+5);

您可以更改要增加的字体大小，例如，我只是增加5。

如果您要查找相同或其他内容，请告诉我

Answer 2

U可以使用Javascript来解决这个问题。

例如：

function IncreaseHeader(){
	//Get the tag you want to change
	var headerTag = document.getElementById('header_tag');
	
	// Get the current font size
	var currentFontSize = headerTag.style.fontSize;
	
	//Take out the px in the end
	currentFontSize = currentFontSize.slice(0, -2);
	
	//Make currenFontSize an Integer
	currentFontSize = parseInt(currentFontSize);
	
	//Make new font size while increase currenFontSize by 1
	var newFontSize = currentFontSize + 1;
	
	//Make newFontsize a string and add px in the end
	newFontSize = newFontSize.toString() + "px";
	
	//Set new style
	headerTag.style.fontSize = newFontSize;
}

function DecreaseHeader(){
	//Get the tag you want to change
	var headerTag = document.getElementById('header_tag');
	
	// Get the current font size
	var currentFontSize = headerTag.style.fontSize;
	
	//Take out the px in the end
	currentFontSize = currentFontSize.slice(0, -2);
	
	//Make currenFontSize an Integer
	currentFontSize = parseInt(currentFontSize);
	
	//Make new font size while decrease currenFontSize by 1
	var newFontSize = currentFontSize - 1;
	
	//Make newFontsize a string and add px in the end
	newFontSize = newFontSize.toString() + "px";
	
	//Set new style
	headerTag.style.fontSize = newFontSize;
}

    <h1 id="header_tag" style="font-size: 20px;">Hello</h1>
	<button onclick="IncreaseHeader()">+</button>
	<button onclick="DecreaseHeader()">-</button>

保重。要增加的h1的height属性必须在此cae内联。

Answer 3

您能否更具体地说明问题。 有几种方法。一种方法是使用纯JavaScript。这可能对您有帮助： JavaScript onclick() text size increase with EventListener