HTML Globalni atributi

id()

Atribut id() podaja edinstveni id za HTML element, kjer mora biti vrednost edinstvena znotraj HTML dokumenta. Atribut id() se najpogosteje uporablja v JavaScript in kot slog, kar bomo tudi videli v primeru.

<!DOCTYPE html>
<html lang="sl">
<head>
    <meta charset="UTF-8">
    <title>html globalni atributi id primer</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

    <style>
        #demo {color: red;background-color: lightblue;text-align: center;font-size: 60px;}
        .bt {display: block;padding: 10px;border-radius: 0;border: 1px solid lightgray;}
        .bt:active {background-color: red;color: greenyellow;}
    </style>
</head>
<body>
<button class="bt" onclick="change()">Pritisni na gumb</button>
<p id="demo">Dobrodošli v vadnici, kjer se učimo programiranja in izdelave spletnih strani!</p>

<script>
    function change() {
        document.getElementById("demo").style.fontSize = "20px";
        document.getElementById("demo").style.padding = "10px";
        document.getElementById("demo").style.backgroundColor = "red";
        document.getElementById("demo").style.color = "yellow";
        document.getElementById("demo").style.textAlign = "left";
        document.getElementById("demo").style.display = "inline-block";
    }
</script>
</body>
</html>