Javascript:永久更改元素的样式

时间:2017-06-10 16:22:20

标签: javascript css styles

我是网络开发的初学者,我可能会问一些非常简单的事情。

我有一个带有javascript时钟的网页,每秒自动更新一次(self.updateDom())。

我希望通过JavaScript改变他的风格(用户可以随时自定义他的时钟)。 由于myElement.style.color = newColor,我改变了颜色;但是一旦时钟更新,变化就会消失。

如何永久地进行这些更改? (无需重新加载页面)

感谢您的帮助!

- 编辑 -

HTML的最小示例:

<!DOCTYPE html>
<html>
<head>

</head>
<body>
    <script type="text/javascript" src="clock.js"></script>
    <div class="module-content">
        <div>
            <div class="time">
                18:48:12
            </div>
        </div>
    </div>
</body>

更新时钟的JS代码取自&#34; https://github.com/MichMich/MagicMirror/blob/master/modules/default/clock/clock.js&#34;。我还没有找到一个简单的方法来提取一个最小的例子。对不起。

我的代码JS更新了时钟的样式:

function changeColorClass (color, classname) {
    elements = document.getElementsByClassName(classname);
    for (var i = 0; i < elements.length; i++) {
        elements[i].style.color=color;
    }
}

0 个答案:

没有答案