Πώς να προσθέσετε τύπο

Προσθήκη τύπου

Πρώτο βήμα - Προσθήκη HTML:

Προσθέστε τύπο στο id="myDIV" του στοιχείου div (στο παρόν παράδειγμα, χρησιμοποιούμε το κουμπί για να προσθέσουμε τύπο)

<button onclick="myFunction()">δοκιμάστε</button>
<div id="myDIV">
  Αυτό είναι ένα στοιχείο DIV.
</div>

Δεύτερο βήμα - Προσθήκη CSS:

Ρυθμίστε τα στυλ για την καθορισμένη ονομασία τύπου:

.mystyle {
  width: 100%;
  padding: 25px;
  background-color: coral;
  color: white;
  font-size: 25px;
}

Τρίτο βήμα - Προσθήκη JavaScript:

αποκτήστε id="myDIV" του στοιχείου <div> και προσθέστε "mystyle" Τύπος:

function myFunction() {
  var element = document.getElementById("myDIV");
  element.classList.add("mystyle");
}

δοκιμάστε το προσωπικά

σχετικές σελίδες

οδηγός:Πώς να επιτευχθεί: Αλλαγή κλάσης

οδηγός:Πώς να επιτευχθεί: Διαγραφή κλάσης

εγχειρίδιο αναφοράς:Πρότυπο HTML DOM Element classList

εγχειρίδιο αναφοράς:Πρότυπο HTML DOM Element className