Javascript 带有html实体的输出值

我希望我的输出标记用度字符显示范围值

<form>
<input type="range" value="0" name="angle" list="ranges" min="0" max="180" step="15" onchange="degree.value=value">
<output id="degree">0°</output>
</form>

0°

我该怎么办？

仅此而已：

<output id="degree">0</output>°

0°

仅此而已：

<output id="degree">0</output>°

0°

---

使用这个词

this

<form>
   <input type="range" value="0" name="angle" list="ranges" min="0" max="180" step="15" onchange="degree.value=this.value">
   <output id="degree">0°</output>
</form>

---

使用单词

this

<form>
   <input type="range" value="0" name="angle" list="ranges" min="0" max="180" step="15" onchange="degree.value=this.value">
   <output id="degree">0°</output>
</form>

---

您可以在规则之后使用CSS

：


#学位：：之后{
内容：“”；
}
#程度{
颜色：红色；
}

0
您可以在

规则之后使用CSS

：


#学位：：之后{
内容：“”；
}
#程度{
颜色：红色；
}

0
如果希望
输出
元素包含度符号（°），只需将其附加到其值：



0°
如果希望
输出
元素包含度符号（°），只需将其附加到其值：



0°
可能应该使用ASCII字符实体（
&°176；
）好的，但是我不能直接将其放入onchange吗？我认为没有标签的文本不好？我不想只为一个字符打开标签。@thomasprez°；可以在没有标签的情况下使用，没有任何问题实体没有理由
°（不是ASCII字符），如果您正确地处理字符编码，无论如何您都应该这样做。从技术上讲，这不符合问题的要求：使
输出
“tag”（=元素）以显示带度字符的范围值。这里的度符号在该元素之外。可能应该使用ASCII字符实体（
°；
）好的，但我不能直接将其放入onchange中吗？我认为没有标签的文本不好？我不想只为一个字符打开标签。@thomasprez°；可以在没有标签的情况下使用，没有任何问题实体没有理由
°（不是ASCII字符），如果您正确地处理字符编码，无论如何您都应该这样做。从技术上讲，这不符合问题的要求：使
输出
“tag”（=元素）以显示带度字符的范围值。这里的学位符号在这个元素之外。为什么这么难@阿莱哈证明，有时候我们都觉得很难。对于这样一个简单的解决方案来说，单值、单选择器CSS规则太复杂了。太复杂了。注意。这种方法的一个优点是：如果有人想要设置
#degree
，他们可以这样做，而不必分别设置符号的样式，或者将两者包装在另一个容器中，等等。更新了示例以演示样式设置。复杂性增加了一倍。生活在边缘。为什么这么难@阿莱哈证明，有时候我们都觉得很难。对于这样一个简单的解决方案来说，单值、单选择器CSS规则太复杂了。太复杂了。注意。这种方法的一个优点是：如果有人想要设置
#degree
，他们可以这样做，而不必分别设置符号的样式，或者将两者包装在另一个容器中，等等。更新了示例以演示样式设置。复杂性增加了一倍。生活在边缘。我建议你将aleha和我的答案结合起来，以充分利用它。我建议你将aleha和我的答案结合起来，以充分利用它。我为什么要添加此
？此答案没有解决所问的问题。代码覆盖了
输出
值，因此学位符号丢失。我为什么要添加
此
？此答案没有解决问题。代码覆盖了
输出
值，因此度符号丢失。这样做不是更好：
onchange=“rangeOutput.value=value+”°；“
和
0°
@thomasprez，没有。为什么会这样？好吧，我刚在其他地方读到，在utf-8编码的页面中放置html实体是无用的。这样做不是更好：
onchange=“rangeOutput.value=value+”°；“
和
0°@thomasprez，没有。为什么会这样？好吧，我刚在其他地方读到，在utf-8编码的页面中放置html实体是没有用的。