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

如何通过css在文本之间赋予额外的字符。已应用css,但显示错误的结果

css javascript

David · 技术社区 · 7 年前

我正在尝试在屏幕上显示我的文本。在这里我用一个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",

有人能告诉我这里缺少什么吗?

1 回复 | 直到 7 年前

Usama Tahir 7 年前

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

在我的html文件中,我创建了一个div元素,其id如下。

<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 设置该文件的html内容 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>

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

7 月前

Niobos · 如何/是否有方法使通用算法函数同时与同步和异步函数一起工作?

7 月前

Alex · 在轻量级中同时解构和不解构变量

7 月前

Ângelo Rigo · ReactJS映射:如何迭代[关闭]

7 月前

bairog · 从按属性筛选的对象数组字典中创建值数组

7 月前

KaiMcKiernan · 基于Math.random()的函数在另一个函数内不起作用[关闭]

7 月前

David Jeong · 浏览器不会为浏览器自动添加的某些标头发送CORS预检请求吗?

7 月前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

8 月前

user3472810 · Angular@Output/EventEmitter返回undefined

8 月前

lokiuucx · JS对象属性返回未定义,尽管对象属性应该有值

8 月前