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

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

getelementbyid innerhtml jquery javascript

djlowz · 技术社区 · 7 年前

我试图使用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 回复 | 直到 7 年前

DjaouadNM 7 年前

不要设计样式 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 7 年前

谢谢@Marcin Szwarc

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

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

-1

Marcin Szwarc 7 年前

使用 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

推荐文章

Marc · 如何替换超时内的文本

2 年前

David Solé González · 动态创建的HTML不会重新加载

7 年前

pjk_ok · 将所有For循环数组值打印到内部HTML

7 年前

Martin Fric · JavaScript QuerySelect所有类名innerHTML[重复]

7 年前

yrb · innerHTML无法在javascript中检查php回显字符串

7 年前

Shajal Kumer · JavaScript-当存储在一个数组中的两个值相同时,如何使用print函数输出这些值?

7 年前

Sammi · 当其中一个p标记不为空时,隐藏另一个p标记

7 年前

Adam · JS | Onload和Onclick不能一起工作-快速解决方案?

7 年前

basement · 将字符串注入innerHTML时,无法正确解释HTML

7 年前

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

7 年前