Проблема с javascript: не работает код, но в консоле ошибок нет - подскажите что я сделал не так

110

18 декабря 2020, 15:10

    <script>  
    		var subm = document.getElementById('submit'); 
    		function click(subm){ 
    			if (subm.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { 
    			subm.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; 
    			subm.innerText = ''; 
    			subm.value = 'Hide'; 
    			} 
    			else { 
    			subm.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; 
    			subm.innerText = ''; 
    			subm.value = 'Show'; 
    			}; 
    		} 
    </script> 
    <input type="button" value="Show" id="submit" style="width:45px;font-size:10px;margin:0px;padding:0px" onclick="click(subm)"/>

Но при этом, такой код работает:

    <input type="button" value="Show" id="submit" style="width:45px;font-size:10px;margin:0px;padding:0px" onclick=" 
    			if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { 
    			this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; 
    			this.innerText = ''; 
    			this.value = 'Hide'; 
    			} 
    			else { 
    			this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; 
    			this.innerText = ''; 
    			this.value = 'Show'; 
    			}; 
    "/>