onclick不会在第一次点击时触发

Question

注意：关于此主题有一些类似的问题和答案，但它们似乎都适用于更复杂的问题和问题。这个很简单。

我第一次单击我的按钮时，javascript函数不会触发。在第二次单击，然后每次单击它按预期工作。我确信我错过了一些简单但我无法发现的问题。

function changeStyle() {		
	
    var a = document.getElementsByClassName('container')[1];
		
    if (a.style.backgroundColor === 'blue') {
    	a.style.backgroundColor = 'red';
    } else {
	    a.style.backgroundColor = 'blue';
    }
		
}

.container {
    display: block;
    height: 100px;
    background-color: blue;
    border-bottom: 1px solid black;
    cursor: pointer;
}

<div class="container" onclick="changeStyle()"></div>
<div class="container"></div>