代码之家 › 专栏 › 技术社区 › djlowz

脚本以更改元素。风格DOM中的颜色

getelementbyid innerhtml jquery javascript

djlowz · 技术社区 · 8 年前

我试图使用jquery创建一个电子邮件地址动态变化的效果。泡文本js公司

var x = document.getElementById('bubble').innerHTML; if(x == "Well, not anything!" || x == "You get the point..") { document.getElementById('colorchange').innerHTML.style.color = "#FF0000" }

我有HTML、CSS和JS,还有一个更准确、更具说明性的图片,描述了我试图在代码笔中实现的目标 HERE

谢谢你的帮助!

3 回复 | 直到 8 年前

DjaouadNM 8 年前

不要设计样式 innerHtml ,它只是一根像 "Hello, World!"

var x = document.getElementById('bubble').innerHTML;
if(x == "Well, not anything!" || x == "You get the point..") {
      document.getElementById('colorchange').style.color = "#FF0000";
}

<span id="colorchange">
    <span id="bubble">Well, not anything!</span>
</span>

djlowz 8 年前

谢谢@Marcin Szwarc

这起作用了,但是文本没有从红色变回白色,所以我补充说

else {
document.getElementById('colorchange').style.color = "#FFFFFF" }

-1

Marcin Szwarc 8 年前

使用 window.setInterval(<function_name>, <interval>) 并将代码放入函数中,例如:

window.setInterval(color_text, 500);

function color_text(){
  var x = document.getElementById('bubble').innerHTML;
  if(x == "Well, not anything!" || x == "You get the point..") {
    document.getElementById('colorchange').innerHTML.style.color = "#FF0000"
  }
}

style 存在于 innerHTML . 如果不使用 document.getElementById('colorchange').style.color