向JavaScript变量添加HTML值

好的。。我有一个html元素，它显示当前值，值通过范围滑块更改，我使用javascript和以下代码更改html元素的值：

hex_out = document.querySelector('#hex');
hex_out.value=rangeValue;

上面的方法很好，但最近我需要能够在

hex\u out.value

例如，如果我尝试

hex\u out.value=“+rangeValue+”

它将

hex\u out.value

更改为如下所示的代码

范围滑块值“

这显然不是我想要完成的。我如何将html代码添加到

hex_out.value

并使其正确显示

---

在任何人试图说“这是一个重复的问题”之前，请意识到我已经尝试了stack overflow上显示的几乎所有解决方案，但运气不佳。您需要通过元素的style属性修改颜色。请尝试以下操作：

hex_out.style.color = 'red';

如果需要添加任何HTML，那么（假设

hex\u out

元素是容器元素，而不是

标记），可以将HTML分配给其

innerHTML

属性，如下所示：

hex_out.innerHTML = '<strong>This is a <em>formatted</em> value.</strong>';

hex_out.innerHTML='这是一个格式化的值。；

---

另一个编辑：看起来您使用的是

元素，据我所知，该元素不接受子元素。在这种情况下，您可能希望使用常规的

或

标记，而不是

，然后在滑块移动时使用上述

innerHTML

属性手动更新其值

我想你在寻找这样的东西：

var hex_out=document.querySelector（'#hex'），
rangeValue=document.querySelector（'#val'）；
rangeValue.addEventListener（'input'，函数（）{
hex_out.innerHTML=“+rangeValue.value+”；
}，false）；

50 < /代码> 您给出的示例是通常从JavaScript中期待的东西。我认为您想改变现有元素的HTML值而不是值。如果是，可以使用下面的代码：

hex_out. innerHTML ="<font color='red'>"+rangeValue+"</font>"

hex_out.innerHTML=“+rangeValue+”“

现有提琴链

测试和工作：

function setColor() { debugger;
  Rval = parseFloat((r_out.value / 255.00).toFixed(3));
  Gval = parseFloat((g_out.value / 255.00).toFixed(3));
  Bval = parseFloat((b_out.value / 255.00).toFixed(3));
  hex = "R: " + Rval + " " + "G: " + Gval + " " + "B: " + Bval;
  var r_hex = parseInt(r.value, 10).toString(16),
    g_hex = parseInt(g.value, 10).toString(16),
    b_hex = parseInt(b.value, 10).toString(16),
    hex1 = "#" + pad(r_hex) + pad(g_hex) + pad(b_hex);
  body.style.backgroundColor = hex1;
  hex_out.innerHtml = hex + [
'<br/><font size="1px">GSC RGB Selector</font>'
].join('#hex');
}

函数setColor（）{debugger；
Rval=parseFloat（（r_out.value/255.00）.toFixed（3））；
Gval=parseFloat（（g_out.value/255.00）.toFixed（3））；
Bval=parseFloat（（b_out.value/255.00）.toFixed（3））；
hex=“R:”+Rval++“G:”+Gval++“B:”+Bval；
var r_hex=parseInt（r.value，10）.toString（16），
g_hex=parseInt（g.value，10）.toString（16），
b_hex=parseInt（b.value，10）.toString（16），
hex1=“#”+焊盘（r#U hex）+焊盘（g#U hex）+焊盘（b#U hex）；
body.style.backgroundColor=hex1；
hex_out.innerHtml=hex+[
“
GSC RGB选择器”
].join（“#hex”）；
}
您遇到了困难，因为您在中放置了一个过时的标签，该标签只接受“语法内容”。HTML5中不支持字体标签，语法内容元素列表中也不支持字体标签

正如@Mark所说，如果您需要呈现HTML，一个简单的div就可以了。
请显示更多的代码？什么是
#hex
？我怀疑它是
输入
元素？如果是这样，您就不能在
输入
元素中呈现HTML。听起来您想做
hex\u out.style.color=“red“
@RevTech我在你的网站上测试了代码，它运行正常。啊，我明白了。我已经更新了我的答案。希望这能有所帮助。