加载DOM后操作DOM的javascript

Question

我在用条纹来处理信用卡。条形码是内联放置在HTML代码中的表单/脚本(见下文)。我首先在我的页面的head部分的脚本中初始化条变量为null。我试图在页面加载后更改这些变量，但似乎做不到。在pageinit上，我运行了一个设置参数的脚本。显然，变量是在pageload上设置的，我真的需要一些帮助来弄清楚如何更新发送给Stripe的值。

    <form id="formPayNow"  onsubmit="return stripePayNow()">
  <button id="customButton">Pay</button>      
      <script>
        var handler = StripeCheckout.configure({
          key: 'pk_test_Dz',
          image: "https://stripe.com/img/documentation/checkout/marketplace.png"  ,
          token: function(token, args) {
            // Use the token to create the charge with a server-side script.
                   cardToken = token.id;                        
                  stripePayNow();        
          }
        });
        document.getElementById('customButton').addEventListener('click', function(e) {
          // Open Checkout with further options
          handler.open({
            name: 'STRIPE Secure Checkout',
            description: itemDesc,
            amount: itemGross,
            email: userEmail
          });
          e.preventDefault();               
        });
      </script>
</form>

编辑:这是我尝试过的……1.如果我将条纹变量的初始化移动到页面加载后( $(document).on('pageinit'，'#showMyInfo'，function(){ ){，则Firebug显示"variable not defined“。2.如果我在页面的head部分将它设置为"null“，然后尝试在pageinit上操作它，那么我就不能这样做了。当我稍后调用条纹窗体时，它仍然是"null”。-感谢你是这样的新手！

而且，如果我试着举例……

     document.getElementById("itemDesc").innerHTML = "zzzzzzz"; 

我得到一个TypeError为空。

Answer 1

尝试内联以下代码来处理您的var：

$(document).ready(function(){
    //your vars changes
});

这是在加载DOM之后操作它的最好方法。