#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';