Estoy tratando de mostrar solo ciertadivs. La forma en que he decidido hacer esto es ocultar primero todos los elementos que comienzan con "página" y luego solo mostrar la correctadivs. Aquí está mi código (simplificado):

<form>    
    <input type="text" onfocus="showfields(1);">
    <input type="text" onfocus="showfields(2);">
</form>
<div class="page1 row">Some content</div>
<div class="page1 row">Some content</div>
<div class="page2 row">Some content</div>
<div class="page2 row">Some content</div>
<script>
    function showfields(page){
        //hide all items that have a class starting with page*
        var patt1 = /^page/;
        var items = document.getElementsByClassName(patt1);
        console.log(items);
        for(var i = 0; i < items.length; i++){
            items[i].style.display = "none";
        }

        //now show all items that have class 'page'+page
        var item = document.getElementsByClassName('page' + page);
        item.style.display = '';
    }
</script>

Cuando yoconsole.log(items); Me sale una matriz en blanco. Estoy bastante seguro de que la expresión regular es correcta (obtenga todos los elementos que comiencen con 'página'). El código que estoy usando es JS de la vieja escuela, pero no soy adverso al usar jQuery. Además, si hay una solución que no usa regexp, también está bien, ya que soy nuevo en el uso de regexp.