Web 2.0: Unterschied zwischen den Versionen
Aus Vosp.info
F (Diskussion | Beiträge) |
F (Diskussion | Beiträge) (→Javascript Schnipsel) |
||
Zeile 1: | Zeile 1: | ||
== Javascript Schnipsel == | == Javascript Schnipsel == | ||
* [http://www.fundstücke-im-netz.de/2013/10/24/javascript-navigation/# Einfache Navigation mit JavaScript (Externe .html Datei in div-Box laden)] | * [http://www.fundstücke-im-netz.de/2013/10/24/javascript-navigation/# Einfache Navigation mit JavaScript (Externe .html Datei in div-Box laden)] | ||
− | + | * [http://api.jquery.com/load/ .load()] | |
=== Umfassender Zugriff auf DOM-Elemente mit „querySelector() === | === Umfassender Zugriff auf DOM-Elemente mit „querySelector() === | ||
<source lang="javascript"> | <source lang="javascript"> |
Version vom 28. Januar 2014, 16:36 Uhr
Javascript Schnipsel
Umfassender Zugriff auf DOM-Elemente mit „querySelector()
// hole spezielle tags die durch folgenden css pfad definiert ist
var list = document.querySelectorAll("div.ancsubbundleproduct div.wrapper div.page div.main-container div.main");
// gehe sie in einer for schleife durch und bearbeite das css
for (var i = 0; i < list.length; i++) {
list[i].style.styleFloat = 'left';
list[i].style.cssFloat = 'left';
list[i].style.width='475px';
}