javascript - 托管支付字段如何更改父 div 类？

Question

最近，我正在研究托管支付领域https://www.braintreepayments.com/blog/your-checkout-our-iframes/ 。当我输入错误时，容器 div 的类被更改，这是如何工作的？我认为没有办法调用具有不同域的父级？

输入错误的代码。(类:“braintree-hosted-fields-invalid”)

    <div class="form-control braintree-hosted-fields-invalid" id="hosted-fields-number">
        <iframe src="https://assets.braintreegateway.com/hosted-fields/2.15.5/hosted-fields-frame.html#5c7db060-9271-4eac-b4a2-0f405d743293" frameborder="0" allowtransparency="true" scrolling="no" type="number" name="braintree-hosted-field-number" id="braintree-hosted-field-number" style="border: none; width: 100%; height: 100%; float: left;">
        </iframe>
    <div style="clear: both;">

Answer 1

他们可能正在使用 web messaging ，它是专门为提供跨域通信而设计的。因此，他们在父页面上运行的脚本会监听来自在 iframe 中运行的脚本的消息，并通过更新字段上的类来响应这些消息。