Блог

Главная - Вопросы по программированию - Javascript как изменить свойства шрифта на script?

Javascript как изменить свойства шрифта на script?

#javascript #fonts #output

#javascript #шрифты #вывод

Вопрос:

Я нашел этот скрипт, который идеально подходит для того, что мне нужно. Однако я хотел бы изменить свойства шрифта, чтобы сделать его жирным и красным для отображаемого результата. Я просмотрел все и попытался добавить его, но почему-то мне кажется, что он вообще не работает, когда я это делаю. Любая помощь приветствуется. Вот мой скрипт.

 <script type="text/javascript">
    var currentValue = 35;
    var add = function(valueToAdd){
        currentValue  = valueToAdd;
        document.getElementById('number').innerHTML = currentValue;

    };
</script>

Ответ №1:

Используйте setAttribute для этого элемента в дереве DOM:

 <script type="text/javascript">
    var currentValue = 35;
    var add = function(valueToAdd){
        currentValue  = valueToAdd;
    var el = document.getElementById('number');
        el.innerHTML = currentValue;
        el.setAttribute('style', 'font-weight:bold; color:red;')
    };
</script>

Комментарии:

1. Это идеально. Я очень благодарен, большое вам спасибо!

2. Чтобы не было больно, но я только что понял, что это не сохраняется на веб-странице. Мне нужно иметь возможность сохранить это, чтобы при добавлении или удалении 1 новый номер был виден, когда кто-то другой переходит на страницу. Вот ссылка на то, что у меня есть до сих пор: peredyizhere.com/ppreq/donocount.html

3. Если вы имеете в виду случай, когда пользователь 1 устанавливает значение от 35 до 30 и закрывает страницу. И пользователь 2 после этого открывает страницу страницы и видит 30.. Вам нужно отправить свои изменения на сервер и вернуться к нему при загрузке страницы..

Ответ №2:

Я бы рекомендовал получить элемент и сохранить его в переменной для упрощения использования.

 <script type="text/javascript">
    var currentValue = 35;
    var add = function(valueToAdd){
        var elem = document.getElementById('number');
        currentValue  = valueToAdd;
        elem.style.color = 'red';
        elem.style.fontWeight = "bold";
        elem.innerHTML = currentValue;
    };
</script>

Не рекомендуется, но это без переменной элемента выше, более чистый и лучший код

 <script type="text/javascript">
    var currentValue = 35;
    var add = function(valueToAdd){
        currentValue  = valueToAdd;
        document.getElementById('number').style.color = 'red';
        document.getElementById('number').style.fontWeight = "bold";
        document.getElementById('number').innerHTML = currentValue;
    };
</script>

Ответ №3:

Вы можете использовать style атрибут для обновления стилей:

 document.getElementById('number').style.color = 'red';
document.getElementById('number').style.fontWeight = 'bold';
Метки: