Web 2.0: Unterschied zwischen den Versionen
Aus Vosp.info
F (Diskussion | Beiträge) (→Javascript Schnipsel) |
F (Diskussion | Beiträge) |
||
| 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)] | ||
| + | |||
| + | === Umfassender Zugriff auf DOM-Elemente mit „querySelector() === | ||
<source lang="javascript"> | <source lang="javascript"> | ||
| − | |||
// hole spezielle tags die durch folgenden css pfad definiert ist | // 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"); | var list = document.querySelectorAll("div.ancsubbundleproduct div.wrapper div.page div.main-container div.main"); | ||
| Zeile 11: | Zeile 13: | ||
} | } | ||
</source> | </source> | ||
| − | + | * [http://t3n.de/news/javascript-umfassender-zugriff-362172/ JavaScript: Umfassender Zugriff auf DOM-Elemente mit „querySelector()“] | |
| − | * [http:// | ||
Version vom 28. Januar 2014, 16:35 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';
}
