Как увеличить и уменьшить размер шрифта?
У меня проблема со следующей проблемой. У меня есть две кнопки: + и - при нажатии на одну из них, скажем, кнопку +. Размер p span h1 a элементов должен увеличиваться. Пожалуйста помоги!!!
вы можете использовать JQuery
Замените font-size на :root и используйте устройства em для всего.
@ kannanD.S - Почему именно jQuery? Вы можете сделать это очень легко в vanilla js, и вопрос не говорит о jQuery.
Я пробовал java-скрипт. Используя DOM, я просто изменил размер шрифта тела
Если вы действительно показали нам код, который используете, возможно, мы сможем объяснить вам, почему это произошло.
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 3
Не могли бы вы уточнить вопрос. Есть несколько способов. Один из способов - использовать чистый javascript. Это может вам помочь: Увеличение размера текста JavaScript onclick () с помощью EventListener
В лучшем случае это должен быть комментарий. Если вы хотите опубликовать ответ, вы должны извлечь всю необходимую информацию из этой ссылки и использовать ее, чтобы написать здесь полностью автономный ответ.
спасибо за то, что дали мне знать, я этого не знал.
Я высмеял ваше требование и попытался решить вашу проблему. Решение здесь
var fontsize = parseInt($('#mytext').css("font-size"));
$('#mytext').css('font-size', fontsize+5);
вы можете изменить, насколько вы хотите увеличить размер шрифта, я просто увеличиваю, например, на 5.
Пожалуйста, дайте мне знать, если вы ищете то же самое или что-нибудь еще?
Вы также должны сообщить OP, что для вашего решения требуется jQuery.
Вы можете использовать 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, который вы хотите увеличить, должен быть встроен в это cae.
что ты уже испробовал?