如何切换javascript中的iframe类？
如何切换javascript中的iframe类？
提问于 2022-10-19 12:01:17
这是iframe ( chatbot html页面)，我在另一个HTML中调用了这个页面。因此，我需要切换类(如下图所示)为 onclick 事件或任何其他函数
chatbot html page=>有一个徽标，我把它放在右下角，当有人点击该徽标时，表单 div正在打开.这个项目是我在iframe内部调用的另一个项目
<iframe id="overlayDiv" class="overlayDiv" src="http://127.0.0.1:5501/index.html" frameborder="0"</iframe>用于切换的类
<style>
.overlayDiv {
border: 1px solid red;
z-index: 999;
position: fixed;
right: 0;
bottom: 0;
height: 91px;
width: 92px;
cursor: pointer;
}
.overlayDivActive {
height: 470px;
width: 390px;
position: fixed;
right: 0;
bottom: 0;
z-index: 999;
border: 1px solid red;
}
</style>因此，下面的功能不起作用
$(document).ready(() => {
$('#overlayDiv').click(function (e) {
$('#overlayDiv').toggleClass('overlayDivActive')
})
})回答 2
Stack Overflow用户
发布于 2022-10-19 12:12:21
我有点不确定你到底想达到什么目的。你可以利用
//js
document.getElementById("overlayDiv").classlist.toggle("someClass");
//jQuery
$(".overlayDiv").toggle();如果这就是你所指的。
您可能觉得这也有用，也可能没有：https://www.w3schools.com/tags/tag_details.asp，我希望这能帮助您，因为您已经给出了最少的例子
Stack Overflow用户
发布于 2022-10-19 12:30:56
您可以使用这两个选项中的任何一个，它将对您有效。最重要的是，你要把你要做的事情做好。
这将使用Javascript
document.getElementById("overlayDiv").classlist.toggle('active');这将使用jquery。
$(".overlayDiv").toggle('active');这将将'active‘类添加到您的标记中，因此现在您可以像下面这样处理css
.overlayDiv {
border: 1px solid red;
z-index: 999;
position: fixed;
right: 0;
bottom: 0;
height: 91px;
width: 92px;
cursor: pointer;
}
.overlayDiv.active {
height: 470px;
width: 390px;
position: fixed;
right: 0;
bottom: 0;
z-index: 999;
border: 1px solid red;
}切换是一个非常强大的工具，您将在项目中使用不止一次。
希望这能帮到你。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/74124974
复制相关文章
相似问题
腾讯云开发者
