Javascript 如何修改文本（'；TEXT'；）中的文本样式。附录（'；body'；）；

在这段代码中，如何修改“TEXT”的样式

}).text('TEXT').appendTo('body');

这是较长代码的一部分。文本是一个链接，当你点击它时，图像会全屏打开（它是galleria的一部分）。但是，文本不作为链接（即没有悬停效果等），它仅由CSS文件中的body{}定义

如何添加适当的CSS类

非常感谢

完整代码：

<script>

 Galleria.loadTheme('galleria/themes/classic/galleria.classic.js');
Galleria.run('#galleria');

 $('<a>').click(function(e) {

Galleria.configure({trueFullscreen:false});
Galleria.ready(function(){this.enterFullscreen();});

  }).text('Switch to fullscreen').appendTo('body');

</script>

Galleria.loadTheme（'Galleria/themes/classic/Galleria.classic.js'）；
Galleria.run（“#Galleria”）；
$（''）。单击（函数（e）{
配置（{trueFullscreen:false}）；
Galleria.ready（函数（）{this.enterFullscreen（）；}）；
}).text（'Switch to fullscreen'）。appendTo（'body'）；

.text（'Switch to fullscreen'）.appendTo（'body'）.css（“color”，“blue”）.hover（function（）{$（this）.css（“color”，“violet”）；}，function（）{$（this）.css（“color”，“blue”）；}）

只需在代码中添加这个jquery链。css向对象添加样式，当您输入和离开文本时，将调用悬停函数

Karthik
$（''，{'class'：'your classes'}）。。。。。但它至少应该显示为一个链接，但可能您有一个css重置样式表，可以删除悬停效果。您也可以这样设置元素的文本：$（“”，{'text'：'Switch to fullscreen'，'class'：'your classes'}）为什么不直接追加.html（'Switch to fullscreen'）.appendTo（）而不是.text（）.appendTo（）？如果您只想替换的文本并向其中添加一个新类，为什么不使用.addClass（）？或者使用Alex Ackerman的想法。你所有的建议都有效-非常感谢！还有一件事，当我的光标悬停在链接上时，它不会像通常选择链接时那样转换为“手”。相反，它显示了当您可以输入文本时显示的符号（“i形梁”）。这是为什么？你如何改变它？再次感谢！我通过添加“cursor:pointer；”解决了游标问题！