未知参照を取得するボタンの機能を変更するときにエラーが発生する

Question

要素に子ノードがあるときにモーダルを表示するボタンを取得しようとしています。だから、それをクリックすると、関数がアクティブになり、それに応じてモーダルが表示されます。これは、id "myBtn"をbutton要素に追加することで行います。

これが私のHTMLです：

<li id='parentNode'> 
    <button onclick="child_check()" id="button" class='customer-btn'><a href='#'>Customer 6</a></button> 
    <ul> 
    <li id='childNode'> 
     <a href='#'>Customer A</a> 
    </li> 
    </ul> 
</li> 

そして、これは私のJSです：

<script> 

    var modal = document.getElementById('myModal'); 
    // Get the button that opens the modal 
    var btn = document.getElementById(" myBtn"); 
    // Get the <span> element that closes the modal 
    var span = document.getElementsByClassName("close")[0]; 
    btn.onclick = function() { 
     modal.style.display = "block"; 
    } 


    // When the user clicks on <span> (x), close the modal 
span.onclick = function() { 
    modal.style.display = "none"; 
    } 
    // When the user clicks anywhere outside of the modal, close it 

// Check to see if the list element has a child 
function child_check() { 
    var child = document.getElementById("childNode"); 
    var parent_check = document.getElementById("parentNode").contains(child); 
    var parent = document.getElementById("parentNode") 
    var button = document.getElementById("button") 
    if (parent_check){ 
    button.id += " myBtn"; 
    // Code that activates modal 
    // Get the modal 

    // When the user clicks on the button, open the modal 

    } 
} 


</script> 

任意のヘルプ？私はここに道オフだ

編集：はまだ次のエラーなって、動作しているようだ：Uncaught TypeError: Cannot read property 'contains' of null at child_check (profile:259)

Answer 1

モーダルはさておき（私はここにはモーダルコードを見ないが）、おそらくあなたの+= " myBtn"にスペースを追加することができますボタンを 'myBtn'というIDに指定するのに成功するようにします。そうでない場合は、単純な "="を使用して、必要なすべてのIDをスペースで区切って指定します。