Форум

nayldock · #1 (**permalink**) 05.01.2015, 12:33

Здравствуйте! Подскажите как можно увеличивать шрифт постепенно, нажимая на кнопку. Есть код но он не работает. С процентами тоже не работает:

<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>

рони · #2 (**permalink**) 05.01.2015, 12:42

Сообщение от nayldock

s.fontSize

вы полюбопытсвуйте к чему вы прибавляите

nayldock · #3 (**permalink**) 05.01.2015, 12:50

s.fontSize = parseInt(s.fontSize) + 2 +'pt';
вот так? ведь и это не помогает. Ну подскажите же, а то голова кругом идет

рони · #4 (**permalink**) 05.01.2015, 12:52

nayldock,
прописать стиль в элементе иначе из него ничего не получить
и читать тут http://learn.javascript.ru/styles-and-classes

nayldock · #5 (**permalink**) 05.01.2015, 12:56

Ведь был же стиль прописан у меня, я его удалила! Все работает, спасибо Вам огромное

ruslan_mart · #6 (**permalink**) 07.01.2015, 17:39

<!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>

kostyanet · #7 (**permalink**) 08.01.2015, 09:54

Если единицы заранее известны, то можно выкидывать их из стиля фильтром,

var size=elem.style.fontSize.replace(/\D/g,"");

прибавлять и добавлять единицы. А если заранее неизвестны то геморрой.

Форум

Справочник

Discord чат

Курсы javascript