用Javascript编写样式

我有一个用于字幕爬虫的函数，我需要在图像上添加悬停设置，但它们没有css文件，因此样式是在这个函数中写入的。
我的问题是，我可以在javascript函数中添加悬停效果吗？如何添加悬停效果？
希望我的问题被理解！ 这就是功能：

<script type="text/javascript">
       marqueeInit({
           uniqueid: 'mycrawler2',
           style: {
               'padding': '2px',
               'width': '1000',
                'background':'#9ec437',
               'height': '160px'
           },
  inc: 5, //speed - pixel increment for each iteration of this marquee's movement
  mouse: 'cursor driven', //mouseover behavior ('pause' 'cursor driven' or false)
           moveatleast: 1,
           neutral: 150,
           savedirection: true
       });
</script>

马奎因特({
唯一标识：“mycrawler2”，
风格：{
“padding”：“2px”，
“宽度”：“1000”，
“背景”：“9ec437”，
“高度”：“160px”
},
inc:5，//速度-此字幕移动每次迭代的像素增量
鼠标：'光标驱动'，//鼠标悬停行为（'暂停''光标驱动'或false）
至少:1,，
中立：150，
保存方向：正确
});

这是我编写的一个名为cssText的函数 该函数将接收任意数量的对象，这些对象必须具有名为“selector”的属性，您也可以使用纯CSS传入字符串，但使用对象更有意义

下面是一个例子：

cssText({
    "selector":"cssSelector",
    "color":"green"
});

在最底层的例子中，我在一个选择器上调用了cssText函数，该选择器只将样式应用于所有悬停的h1元素

//cssText函数
cssText=（…样式）=>{
//初始化styleTag和styleString
让styleTag=document.querySelector（'style'），
styleString=''；
//循环遍历所有参数
for（样式的常量迭代器）{
//如果它是一个对象，该怎么办
if（迭代器的类型=='object'）{
//初始化属性字符串
让属性=“”；
//如果没有选择器属性，则完全停止
if（iterator.selector==null）{
返回；
};
//循环遍历对象中的所有属性
for（迭代器中的const属性）{
//如果不是选择器，则将其添加到属性字符串中
如果（属性！=“选择器”）{
properties+=`${property}:${iterator[property]}；\n`；
};
};
//将整个对象添加到样式字符串中
styleString+=`\n${iterator.selector}{\n${properties}\n}\n`；
}否则{
//如果参数是字符串，只需添加纯文本css
styleString+=“\n”+迭代器+“\n”；
};
};
//如果没有样式标记，则在文档的开头添加一个样式标记
styleTag==null？document.head.innerHTML+=`${styleString}`：styleTag.innerHTML+=styleString；
};
//调用cssText函数
cssText（{“选择器”：“h1:悬停”，“颜色”：“绿色”，“字体系列”：“helvetica”}）

文件
你好，世界
检查html输出并以javascript中的元素为目标…请参阅