document.getElementsByClassName(className)

Metoda getElementsByClassName() vrne HTMLCollection vseh elementov z določenim razredom.

PRIMER

<!DOCTYPE html>
<html lang="sl">
<head>
    <meta charset="UTF-8">
    <title>Class‑iskanje – demo</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    
    <style>
        body {
            font-family: Arial, sans-serif;
            padding: 16px;
        }
        button {
            margin: 6px 0;
            padding: 6px 12px;
            font-size: 14px;
        }
        .oznaka {
            margin: 4px 0;
            padding: 12px;
            border: 2px solid red;
            border-radius: 12px;
        }
        pre {
            padding: 8px;
            border: 1px solid #ccc;
            white-space: pre-wrap;
        }
    </style>
</head>
<body>
    <h1>Class‑iskanje</h1>

    <p class="oznaka">Prvi označeni odstavek.</p>
    <p class="oznaka">Drugi označeni odstavek.</p>
    <p>Neoznačen odstavek.</p>

    <button id="btnFind">Izpiši vse elemente z razredom “oznaka”</button>
    <pre id="out"></pre>

    <script>
        document.getElementById("btnFind").onclick = function () {
            const elems = document.getElementsByClassName("oznaka");
            let txt = `Najdeni elementi z razredom "oznaka" (${elems.length}):\n`;
            for (let i = 0; i < elems.length; i++) {
                txt += `  #${i+1}: ${elems[i].textContent}\n`;
            }
            document.getElementById("out").textContent = txt;
        };
    </script>
</body>
</html>

REZULTAT