Javascript 在iframe中选择内容_Javascript_Jquery

Javascript 在iframe中选择内容

javascript jquery

Javascript 在iframe中选择内容,javascript,jquery,Javascript,Jquery,我正在做的项目的设计有实时聊天插件，标题上有一个图像，上面写着在线/离线。我正在尝试编写脚本，当代理联机时，该脚本将放置“联机”图像插件的标题显示状态，如下所示 <span __jx__id="___1_livehelpbutton__agentstatus" class="agentStatus" style>Offline</span> 作为对CSS页面的测试，当我尝试.agentStatus{background:red；}时，背景变为红色它所在的iframe

我正在做的项目的设计有实时聊天插件，标题上有一个图像，上面写着在线/离线。我正在尝试编写脚本，当代理联机时，该脚本将放置“联机”图像

插件的标题显示状态，如下所示

<span __jx__id="___1_livehelpbutton__agentstatus" class="agentStatus" style>Offline</span>

作为对CSS页面的测试，当我尝试.agentStatus{background:red；}时，背景变为红色

它所在的iframe没有其他url：

<iframe __jx__id="___$13__iframe src="javascript:void(document.write('<!DOCTYPE HTML PUBLIC -//W3C//DTD HTM…order-box}</style></head><body></body></html>'), document.close())" frameborder="0" style=" background-color: transparent; vertical-align: text-bottom; overflow: hidden; position: relative; width: 100%; height: 100%; margin: 0px; z-index: 999999;">
    #document
        <!DOCTYPE html PUBLIC"-W3C//DTD HTML 4.0 Transitional/EN" "http:www.w3.org/TR/html4/loose.dtd"
            <html style="overflow-y: hidden">
                 ...

问题在于，如果不先抓取iframe
所显示的文档，就无法访问iframe
中的内容
这比我能解释得更好
在JavaScript或jQuery中没有实际的方法来实现这一点，除非iframe
的源位于同一个域（研究“跨域和JavaScript”）。但是，如果它们位于同一个域中，您应该能够使用以下方法选择（和操纵）元素：
$("#iframeID").contents().find(".agentStatus").css("background", "red");

这也显示了一些解决方案。
这不应该像$（“#status”）那么简单吗。removeClass（“脱机”）.addClass（“联机”）？是的，if语句中的代码相当简单。我遇到的问题是if语句条件部分的选择器。它有效$（“#iframeID”）.contents（）.find（“.agentStatus”）.css（“背景”，“红色”）；很高兴帮忙：）祝你好运！
$("#iframeID").contents().find(".agentStatus").css("background", "red");