getelementbyid - getelementbyid の代わりに getelementbyclassname が機能しない

Question

getElementsByClassName を取得できるようになったことを何度も読みました。以下は、ClassName を Id に置き換えた場合に正常に機能しますが、ClassName という単語を使用しても機能しません。理由を知っている人はいますか？（ChromeとFirefoxで試しました）

      <script type="text/javascript">
        function makeDisable(){
        var x=document.getElementsByClassName("mySelect");
        x.disabled=true
        }
        function makeEnable(){
            var x=document.getElementsByClassName("mySelect");
             x.disabled=false
        }
     </script>

     <form>
        <select class="mySelect" id="mySelect">
        <option>Apple</option>
        <option>Banana</option>
        <option>Orange</option>
    </select>

        <input type="button" onclick="makeDisable()" value="Disable list">
        <input type="button" onclick="makeEnable()" value="Enable list">
    </form>