如何更改此JavaScript代码的字体颜色？_Javascript_Html_Css

如何更改此JavaScript代码的字体颜色？

javascript html css

如何更改此JavaScript代码的字体颜色？,javascript,html,css,Javascript,Html,Css,我正在尝试为我的网页重新创建终端动画。我试着用一个div类改变颜色，但我不相信它是注册的。实现这一目标的最佳方法是什么？非常感谢 var指数=0；变量文本= “Lorem ipsum dolor sit amet，献祭精英。佩伦特斯·廷西登、坦普斯·特里斯蒂克的纳拉、利奥·莫莱斯蒂的尼斯、莫瑞斯·莫瑞斯·奥迪奥的前庭。在威尼斯人之门的同侧生命之路。节前整数。非孕期妇女使用viverra sollicitudin velit。Phasellus坐在阿梅特·托托·奥迪奥的位子上。我是莱克图斯·

我正在尝试为我的网页重新创建终端动画。我试着用一个div类改变颜色，但我不相信它是注册的。实现这一目标的最佳方法是什么？非常感谢


var指数=0；
变量文本=
“Lorem ipsum dolor sit amet，献祭精英。佩伦特斯·廷西登、坦普斯·特里斯蒂克的纳拉、利奥·莫莱斯蒂的尼斯、莫瑞斯·莫瑞斯·奥迪奥的前庭。在威尼斯人之门的同侧生命之路。节前整数。非孕期妇女使用viverra sollicitudin velit。Phasellus坐在阿梅特·托托·奥迪奥的位子上。我是莱克图斯·尼尔，我是比本杜姆，我是酒后驾车。前庭非爱神狮子座。梅塞纳斯·汀西登·森佩尔·图尔皮斯，一位三分之一的普鲁斯·普雷蒂姆·西特。不允许侵权行为。不允许侵权行为。非猫科动物的生命之言。这是一种不含酒精的饮料。这是一个很好的例子；
//在这里，你可以输入你想输入的文本。
函数类型（）
{
document.getElementById（'screen'）.innerHTML+=text.charAt（索引）；
指数+=1；
var t=setTimeout（'type（）'，100）；
//此处每个字符所用的时间为100毫秒。如果需要，您可以更改它。
}
{
document.getElementById（“color”）.style.color=“red”//red或#ffffffff
}

是您想要实现的目标吗

如果是这样，

screen

是一个ID，而不是一个类，那么使用

#screen

就是您想要实现的目标吗

如果是这样，

screen

是一个ID，而不是一个类，所以使用

#screen

这里是一个更新的提琴：

我假设您只是尝试设置“屏幕”样式，如果是，请改用css：

<style>
 #screen {
    color:red
 }
</style>

现在调用body标签上的两个函数：

<body onload='type();setColor()'>

小提琴显示：

这是一个更新的小提琴：

我假设您只是尝试设置“屏幕”样式，如果是，请改用css：

<style>
 #screen {
    color:red
 }
</style>

现在调用body标签上的两个函数：

<body onload='type();setColor()'>

小提琴显示这一点：

你设计的样式不对。字符串变量中有一个

元素，因此它不会将该元素添加到DOM中，而是显示该文本

更改此行

document.getElementById("color").style.color = "red"; // red or #ffffff

到

并从

文本变量中删除
元素。
您的样式设置错误。字符串变量中有一个
元素，因此它不会将该元素添加到DOM中，而是显示该文本
更改此行
document.getElementById("color").style.color = "red"; // red or #ffffff

到
并从文本变量中删除
元素。
您正在插入屏幕，但是样式。颜色。简单的修复
document.getElementById('insertRed').innerHTML += text.charAt(index);

我将其更改为带有上述ID的p标签。干杯
您正在插入屏幕，但是样式。颜色。简单的修复
document.getElementById('insertRed').innerHTML += text.charAt(index);

我将其更改为具有上述ID的p标记。干杯
您是否尝试设置#屏幕的样式
？嘿，ryan，不，我正在尝试设置“color”div的样式。我想更改显示文本的颜色，创建类似于终端效果1的外观。您想执行document.getElementById（“screen”）.style.color=“red”
和2，只需从文本中删除
内容，您是否正在尝试设置屏幕的样式，创建类似于终端效果1的外观。你想做document.getElementById（“screen”）.style.color=“red”
和2，只需从文本中删除
内容，我的答案也不是-我在使用CSS，请查看我的小提琴。这不是一个独立的答案。一个链接到一个潜在的解决方案总是受欢迎的，但请你这样做，你的同事用户将有一些想法，它是什么，为什么会在那里。始终引用重要链接中最相关的部分，以防无法访问目标站点或永久脱机。考虑到仅仅是一个指向外部站点的链接是一个可能的原因。我的答案也不是-我在使用CSS，请看我的小提琴。这不是一个独立的答案。一个链接到一个潜在的解决方案总是受欢迎的，但请你这样做，你的同事用户将有一些想法，它是什么，为什么会在那里。始终引用重要链接中最相关的部分，以防无法访问目标站点或永久脱机。考虑到仅仅是一个指向外部站点的链接是一个可能的原因。干杯，雅各布，这起作用了：D我该如何更改字体？只需添加到css字体样式？是的！你想更改的任何内容都可以通过css来完成，如果你想直接通过javascript来完成，你也可以。干杯，jacob，这很有效：D我该如何更改字体？只需添加到css字体样式？是的！任何您想要更改的内容都可以从css中完成，如果您想直接从javascript中完成，您也可以这样做。