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

最近，我在托管付款字段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;">

最佳答案

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

关于javascript - 托管付款字段如何更改父div类？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/37918900/