javascript - 如何同时给两个css类名，第二个在页面呈现后被删除？

Question

var cssClass ;
cssClass = "fa-leaf green-icon";
var textValue = '<span  class=' + cssClass + '>' + nodeName + '</span>';

后来我在 Extjs 6 的网格面板的列标题中使用了这个文本值。

播放页面时绿色图标类从类中移除，变成这样

<span class="fa-leaf" green-icon>name</span>, but it should have been like这个:

 <span class="fa-leaf green-icon">name</span>

Answer 1

您的代码建议您从 '<span class=fa-leaf green-icon>name</span> 开始，因为您不包括 "创建 html 字符串时的引号。

先试试看。使用字符串连接构造 HTML 时，您必须自己编写属性周围的引号。浏览器可以解释未包含在 " 之间的属性, 但如您所见，当值包含空格时会导致问题，因为 <span class="fa-leaf" green-icon>基本上意味着 span 有一个值为 fa-leaf 的类属性和一个没有浏览器将忽略的值的绿色图标属性。

所以尝试:var textValue = '<span class="' + cssClass + '">' + nodeName + '</span>';首先看看 extjs 对此有何 react 。