外部から読み込むフォームのプレースホルダを変更するにはどうすればよいですか？

Question

フォームを作成する外部JSを読み込み、入力の1つのプレースホルダを変更したい。 フォームを含むdivの直後に関数を記述しようとし、名前またはクラスで入力をターゲットにします。 多分それはDOMが<FORM>

var MutationObserver = window.MutationObserver; 
 
var list = document.querySelector('.squeezer-widget'); 
 

 
var observer = new MutationObserver(function(mutations) { 
 
    mutations.forEach(function(mutation) { 
 
    if (mutation.type === 'childList') { 
 
     var elem = document.querySelector('.squeezer-widget-input'); 
 
     if (elem != null) 
 
     document.querySelector('.squeezer-widget-input').placeholder = 'Enter your Code';  
 
    } 
 
    }); 
 
}); 
 

 
observer.observe(list, { 
 
    attributes: true, 
 
    childList: true, 
 
    characterData: true 
 
});

<script type="text/javascript" src="https://dl.squeezer.fr/widget"></script> 
 
<div class="squeezer-widget"></div>

のために作成するために変更するためにあなたが MutationObserverを使用して聴くことができ

document.getElementsByClassName('squeezer-widget-input-code').placeholder = 'Enter your Code';

<script type="text/javascript" src="https://dl.squeezer.fr/widget"></script> 
 
<div class="squeezer-widget"></div>

Answer 1

...プレースホルダの変更を防ぐだけでロードされたスクリプトです

注：squeezer-widget-input-codeセレクタとは要素がありませんが、そのためsqueezer-widget-input

DOはこれがの複製であるWhat do querySelectorAll, getElementsByClassName and other getElementsBy* methods return?