时间戳

首页 > 解决方案 > 如何通过 css 在文本之间添加额外字符。应用了 CSS 但显示错误的结果

javascript - 如何通过 css 在文本之间添加额外字符。应用了 CSS 但显示错误的结果

问题描述

我正在尝试在屏幕上显示我的文本。在这个我使用一个 css 来改变颜色。

这是我的代码

var myStar =   '<span style="color: rgb(255, 0, 0);">*</span>'
myStr = "Hello"+ "<br>" + myStar+ '(myValue)';

但是文本显示不正确。而不是显示它正在显示的实际文本。

*</span>(myValue)" class="x-form-field x-form-text x-form-text-default x-form-textarea"  role="textbox" aria-hidden="false" aria-disabled="false" aria-readonly="false" aria-invalid="false" aria-multiline="true" aria-required="false" autocomplete="off">

它应该只显示

你好

*（我的价值）

这是我使用它的实际 js 代码。

xtype: 'textArea',
height:70,
fieldLabel: '<div>'+myStr+'</div>',
name: myStr,
labelAlign: 'right',
margin:5,
labelWidth:180,
value: "some Value",

谁能建议我在这里缺少什么。

标签： javascriptcss

解决方案

通过使用您提供的代码，我能够产生所需的结果。这就是我所做的。

在我的 HTML 文件中，我创建了一个带有一些 id 的 div 元素，如下所示。

<div id = "someId">
</div>

然后我我的 JS 文件，我只是用你的代码来构造myStr.

var myStar =   '<span style="color: rgb(255, 0, 0);">*</span>'
myStr = "Hello"+ "<br>" + myStar+ '(myValue)';

最后，我曾经HTML DOM innerHTML Property设置过div.

document.getElementById("someId").innerHTML = myStr;

这是一个工作代码。

var myStar =   '<span style="color: rgb(255, 0, 0);">*</span>'
myStr = "Hello"+ "<br>" + myStar+ '(myValue)';
document.getElementById("someId").innerHTML = myStr;
<div id = "someId">
</div>

推荐阅读