mehrere div container mit gleich beginnender id ansprechen

[Kai345]

[latex]Mae  govannen![/latex]

es soll irgendwie einfach nur alle mit intro beginnenden ids oder eben eine bestimmte klasse mit einem mausklick ausgeblendet werden.

Wenn es irgendwie einfach sein soll, dann verwende das Framework jquery, oder suche nach einer Funktion im Web, die getElementsByClass() erweitert implementiert hat.

Abgesehen davon, daß ich jQuery und Konsorten (immer noch) für Müll halte, ist es totaler Overkill, für diese Aufgabe ein solches Framewürg einzubinden.

getElementsByClassName() ist in den neuen Browsern nativ implementiert, ansonsten gibt es im Netz viele fertige Nachbildungen, z.B.

/**  
* getElementsByClassName(searchClass[, vnode[, tag]])  
* Elemente mit bestimmten Klassen-Namen finden  
* @param string  searchClass  Der zu suchende Klassenname  
* @param node    vnode        Node, dessen Kinder durchsucht werden sollen (default: document)  
* @param string  tag          Tag-Name, auf die die Suche beschränkt werden soll (default: alle)  
* @return array               Array mit passenden Nodes  
*/  
  
if (typeof getElementsByClassName !== 'function') {  
	function getElementsByClassName(searchClass, vnode, tag) {  
		if (!document.getElementById || !document.getElementsByTagName || typeof searchClass !== 'string') {  
			return [];  
		}  
		if (vnode && typeof vnode === 'string') {  
			vnode = document.getElementById(vnode);  
		}  
		vnode = (vnode && typeof vnode === 'object' && vnode.nodeType === 1) ? vnode : document;  
		tag = (tag && typeof tag === 'string') ? tag : "*";  
		var classElements = [];  
		var els = vnode.getElementsByTagName(tag);  
		var pattern = new RegExp("(^|\\s)" + searchClass + "(\\s|$)", "gi");  
		var i = els.length;  
		/* Workaround für die 5er-IEs, die getElementsByTagName("*") nicht können */  
		if (document.all && !document.compatMode && tag === "*" && i === 0) {  
			els = vnode.all;  
			i = els.length;  
		}  
		while (i--) {  
			if (pattern.test(els[i].className)) {  
				classElements.unshift(els[i]);  
			}  
		}  
		return classElements;  
	}  
}

Cü,

Kai