加載后用javascript處理DOM

Question

我正在使用Stripe進行信用卡處理。 Stripe代碼是一種內聯在HTML代碼中的表單/腳本（請參見下文）。 我首先在頁面頭部的腳本中將Stripe變量初始化為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.如果我將Stripe變量的初始化移動到頁面加載后（$（document）.on（'pageinit'，'#showMyInfo'，function（）{ Firebug顯示“未定義變量”。2.如果我在頁面的頭部將其設置為“ null”，然后稍后嘗試在pageinit上對其進行操作，那么我將無法進行操作。當我將其保留為“ null”時稍后致電Stripe表格-成為新手的致謝！！！

而且，如果我嘗試例如.....

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

我得到一個TypeError為null。

Answer 1

嘗試用以下代碼內聯處理您的var：

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

這是在加載DOM之后對其進行操作的最佳方法。