Javascript 如何更改Messenger插件的css值？

我刚刚把Messenger插件的javascript代码放在我的商业网站（讨论插件）上，我想更改css的一些值，比如有人联系我们时讨论框的最大高度。（以图片为例）我试图用css文件影响消息框的高度，但没有，因为当用户单击“开始对话”时，我想要影响的插件的类标记和元素被加载。所以我真的不知道该怎么办。我已经考虑过当有人点击这个开始按钮时加载css文件，但我不知道怎么做

谢谢大家!

第一个是默认的最大高度 第二个是我想要的

---

如果我正确找到了您的问题，您希望在用户单击“开始对话”按钮时更改元素的样式。以下是您可以尝试删除文件的代码。假设此代码中的按钮是您的按钮。我在代码中使用jquery

$（“按钮”）。单击（函数（）{
$（“.container”）.css（“高度”，“250px”）；
})

.container{
高度：450px；
宽度：600px；
背景色：#7012dd；
}

随声附和
消息
改变

以下是纯javascript代码：

let but=document.getElementById（“btn1”）；
let container=document.getElementsByClassName（“容器”）
but.onclick=function（）{
容器.item（0）.style.height=250+“px”；
}

.container{
高度：450px；
宽度：600px；
背景色：#7012dd；
}

随声附和
消息
改变

底部额外的脚本标签是干什么的？其中一个是链接到jquery的，另一个是我发布的javascript代码。我从我的编辑器中通过它们，这里堆栈溢出本身链接它们。不知道如何将其正确添加到我的代码中。。。但是如果我理解你所做的，当我们点击按钮时，有一个java脚本，它执行一个css文件，它的值是我想要的？可以用Javascript代码代替jquery吗？thx:DOk，最后我想如何将它添加到我的代码中，但我更喜欢用javascript编写jquery，如果你能为我这样做的话，请：我无法理解你的评论，jquery是一个javascript库。将其添加到html文件时，可以使用其方法。例如“.css（“height”，“250px”）是jquery的一种方法。但是如果您不想使用jquery，我会发布另一个代码，它具有相同的功能，但不使用jquery。