Wie ändert man die CSS-IDs mit Javascript
Es gibt mehrere Methoden und Techniken, um die CSS mit Javascript, die du jetzt sagen, ist der Wandel. Und die Notwendigkeit für solche Techniken zu mehr Dynamik auf unseren Seiten hinzuzufügen.
Wie man sie benutzt
Wir können zum Beispiel einfach und starten Sie ein DIV mit Anzeigen und macht den Benutzer auf die Seite Steuerelemente zum Anzeigen oder Ausblenden dieser Anzeigen oder zum Beispiel machen die Nutzer entscheiden, die Größe des größten Linien der bestehenden oder beispielsweise können wir unsere Seiten auf der Grundlage seines Angebots zu 800 Pixel Design und fügen Sie eine Eigenschaft ermöglicht dem Benutzer die Präsentation machen Page 1024 Punkte für Benutzer von Bildschirm-Auflösung größer
Ein Beispiel für diese
Dies hier ist ein Beispiel dafür, dass und von Laden Sie den Code hier
Die Wissenschaft hat diesen Code Lizenz entwickelt unter der Public Domain jeder, dass man es zu tun mit dem, was Sie wollen.
Erklären Sie den Code in das Beispiel verwendet
Xhtml
Wir haben festgestellt, Div enthält Anzeigen und wir nannten adsbar Div anderen der Seitenleiste blieb auf der Seite Body-Elemente wie wir sie nannten Dva Schaltfläche "Schließen", um koordinierte und machte Symbol erscheint, und es heruntergefahren.
CSS
Wir haben die Spaltenbreite Profil, das ein Fünftel der Werbefläche Gebiet und dem Rest der Seite Elemente enthalten, wird gemacht, stellen vier Fünftel des Bildschirms
JavaScript
Was schon jetzt einfach gekommen, um an dieser wichtigen und ich werde den Code erklären, mehr Aufmerksamkeit.
Das erste, was wir haben die Anzeigen enthalten, wurde eine Funktion zum Ausblenden der Seitenleiste und wir nannten HideAds
HideAds Funktion ()
(
document.getElementById ("adsbar"). style.visibility = "hidden"
document.getElementById ("body"). style.width = "100%"
)
Wie Sie sehen uns und JavaScript-fähigen Browser mit der Nachricht, dass die div id gestylt adsbar Wir wollen die Eigenschaft einen neuen Wert und die Sichtbarkeit ist versteckt
Kurz gesagt, was passiert Hua Standardmodus für diese ist die ID ist
Sichtbarkeit: sichtbar
Wir machen es, um den Browser
Visibility: hidden
Und auf dem gleichen Sinne, können wir sagen, der Browser-Instanz, oder ändern Sie die Farbe oder was wollen Sie jetzt wissen, wie sie jagen, jagen, was du liebst.
Aber wenn man die Sidebar auszublenden Seite dieses Bildschirms werden um den Rest des repräsentieren vier Fünftel, dass Java-Script wird der Browser angewiesen, sie machen die ID, die die Ansprüche Körper Breite von 100% des Bildschirms durch
document.getElementById ("body"). style.width = "100%"
Und diese Weise können Sie tun, was du willst, und fügen Sie eine große Dynamik auf Ihrer Seite.
Image Todhip
Und vergessen Sie nicht dem Beispiel der oben hier und von Laden Sie den Code hier
