Question

我对JavaScript编码语言相对较新，它与html和css等网页描边文件有很大的不同。所以，我想要做的是改变javascript输出的字体颜色和背景颜色。我所拥有的是以下两行

document.getElementById("ID").innerHTML += "Print Primary<br/>";
document.getElementById("ID").innerHTML += "Print Secondary<br/>";

我试过了

document.getElementById("ID.fontcolor("red")).innerHTML += "Print Primary"; 
document.getElementById("ID").innerHTML += set.fontcolor("red") += "Print Secondary";

另外，你会如何改变背景颜色？

p.s，相同的ID正在循环播放，但我希望在打印Primary时颜色为红色，打印Secondary时颜色为黄色而不更改以前打印的元素颜色

Answer 1

要更改元素内文本的颜色，可以通过编辑元素的样式属性来访问它。像这样：

from flask_wtf import Form
from wtforms.fields.html5 import URLField
from wtforms.validators import InputRequired

class MyForm(Form):
    youtube_href = URLField(validators=[InputRequired()])

form = MyForm()
print(form.youtube_href(required=form.youtube_href.flags.required))
# <input id="youtube_href" name="youtube_href" required type="url" value="">

例如，使用jQuery时，使用本机DOM元素的方式有点不同。以下是有关如何更改DOM元素颜色的参考：W3Schools Style color property

编辑：

如果需要使用此JS代码更改多个元素的颜色，则需要按类获取DOM元素。根据定义，使用纯Javascript获取元素时，ID必须是唯一的。然后，您无法按ID获取元素列表。在这种情况下，您可以使用＆＃34;类＆＃34;属性以获取将更改颜色的元素列表。

看看：

document.getElementById("idElement").style.color = "#FF0000"; //Or you can just put "red". Works with some colors.

通过此更改，您可以在黄色和红色之间切换。

Answer 2

您可以尝试循环遍历每个元素，并将其设置为元素内部文本的颜色，如下所示：

＆＃13;

var els = document.getElementsByClassName("color");

for(var i = 0; i < els.length; i++)
{
    var text = els[i].innerHTML;
    els[i].style.color = text;
}

＆＃13;

<div class="color">Red</div>
<div class="color">Yellow</div>

＆＃13;

JavaScript字符串输出字体颜色

2 个答案: