從外部獲取元素ID Javascript

Question

我有一個模式中的API顯示的外部窗體。我想在提交時關閉模式。

我的語氣

<div id="modal"> 
    <div class="modalconent"> 
    <div class="pipedriveWebForms" data-pd-webforms="https://pipedrivewebforms.com/form/f5cd01e9418f0b683195eb0e821770181945719"> 
    </div> 
    <button id="button">Close</button> 
    </div> 
</div> 

我的腳本

<script type="text/javascript"> 
    window.onload = function() { 
    document.getElementById(submitButtonLoading).onclick = function() { 
     document.getElementById('modal').style.display = "none" 
    }; 
    }; 
</script> 
<script src="https://pipedrivewebforms.com/webforms.min.js"></script> 

我不能修改從API的形式。當我在我的網絡瀏覽器中檢查它時，我看到提交按鈕的ID爲submitButton。但是，我的功能不適用於這個ID。我不知道如何讓我的模態與API腳本一起工作。

Answer 1

嗯，我能看到的一件事是你的getElementById（submitButtonLoading）沒有周圍沒有引號。

<script type="text/javascript"> 
window.onload = function() { 
    document.getElementById('submitButtonLoading').onclick = function() { 
     document.getElementById('modal').style.display = "none" 
    }; 
}; 
</script> 

希望這會有所幫助。乾杯!

Answer 2

利奧說，你缺少引號

document.getElementById(submitButtonLoading). 

但它要求使用id =「submitButtonLoading」的元素，你不用它，因爲我從你的代碼，你ided爲「看按鈕」

<button id="button">Close</button> 

將其更改爲：

<button id="submitButtonLoading">Close</button>