Увеличение шрифта элемента
Здравствуйте! Подскажите как можно увеличивать шрифт постепенно, нажимая на кнопку. Есть код но он не работает. С процентами тоже не работает:
<h1 id="z">Заголовок</h1> <input type="button" value="кнопка увеличивающая шрифт" onClick='gr()'>
<script>
function gr()
{
var s = document.getElementById("z").style;
s.fontSize = s.fontSize + 2 +'pt';
}
</script>
|
Цитата:
|
s.fontSize = parseInt(s.fontSize) + 2 +'pt';
вот так? ведь и это не помогает. Ну подскажите же, а то голова кругом идет:( |
nayldock,
прописать стиль в элементе иначе из него ничего не получить и читать тут http://learn.javascript.ru/styles-and-classes |
Ведь был же стиль прописан у меня, я его удалила! Все работает, спасибо Вам огромное:-? :dance:
|
:)
<!DOCTYPE HTML>
<html>
<head></head>
<body>
<input id="text-size" min="12" max="50" type="range" value="12">
<div id="text">Text</div>
<script type="text/javascript">
(function(d) {
var s = d.getElementById('text').style;
d.getElementById('text-size').onchange = function() {
s.fontSize = this.value + 'pt';
};
})(document);
</script>
</body>
</html>
|
Если единицы заранее известны, то можно выкидывать их из стиля фильтром,
var size=elem.style.fontSize.replace(/\D/g,""); прибавлять и добавлять единицы. А если заранее неизвестны то геморрой. |
| Часовой пояс GMT +3, время: 11:46. |