Web 2.0: Unterschied zwischen den Versionen
Zur Navigation springen
Zur Suche springen
F (Diskussion | Beiträge) |
F (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
||
| 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';
}