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

Question

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

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

    };
</script>

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

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

Answer 3

您可以使用 style 属性来更新样式：

document.getElementById('number').style.color = 'red';
document.getElementById('number').style.fontWeight = 'bold';

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

Javascript how to change font properties to script?

javascript

fonts

output