Question

我想将innerHTML文本更改为白色：

<div id="Achievements" class="style5 a1" style="color:#FF0000">&#149; Comment 1 Post</div>

我不确定如何使用纯JavaScript来完成它。使用类集“a1”。

function achievements() {
if (TotalCoal >= 1) {   

}
}

Answer 1

解决方案是：

var elements = document.getElementsByClassName('a1');
for (var i = 0; i < elements.length; i++) {
    elements[i].style.color = '#FFFFFF';
}

通过id：

获取单个元素

document.getElementById('Achievements').style.color = '#FFFFFF';

Answer 2

您必须设置div的内联样式，这非常简单。

只需使用类a1遍历所有元素并设置其style属性：

for(var i = 0; i < document.getElementsByClassName("a1").length; i++){
    document.getElementsByClassName("a1")[i].style.color = "#FFFFFF";
}

这会为每个元素添加style="#FFFFFF"，将文本颜色设置为白色。

Demo

Answer 3

您需要更改文本的颜色，您可以使用一个按钮，在点击时调用一个功能

<html>
<head>
    <script type="text/javascript">
        function change_color()
        {
            document.getElementById("sampletext").style.color= '#FFFFFF';
        }
    </script>
</head>

<body style="background-color:yellow;">
    <div id="sampletext"><p>This is a sample</p></div>
    <button type="button" onclick="change_color()">Change</button>
</body>

这是考虑你想用一个按钮来做。另一种方法是使用Css通过鼠标悬停在文本上来改变颜色。但是生病让你想出来，希望它有所帮助：）

如何更改文字颜色

3 个答案: