Javascript如何将字体属性更改为脚本？答案

【问题标题】：Javascript how to change font properties to script?Javascript如何将字体属性更改为脚本？
【发布时间】：2020-11-27 19:41:09
【问题描述】：

我发现这个脚本非常适合我的需要。但是，我想更改字体属性以使其显示结果为粗体和红色。我到处查看并尝试添加它，但不知何故，当我这样做时，我似乎让它根本不起作用。任何帮助是极大的赞赏。这是我的脚本。

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

    };
</script>

【问题讨论】：

标签： javascript fonts output

【解决方案1】：

在 DOM 树中对这个元素使用 setAttribute：

<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 时，当其他人访问该页面时，新数字是可见的。这是我到目前为止的链接：peredyizhere.com/ppreq/donocount.html
如果您的意思是用户 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';

【讨论】：