Alle Divs einer "Ebene" selektieren (getElementsByTagName) - Javascript-Forum JSwelt (Javascript, PHP, MySQL, AJAX, Webdesign)

slayer2206 · registriert: 09-04-2006

Hallo,

ich habe ein DOM-Objekt, in dem sich DIVs der Klasse "entry" befinden, in welchen sich wiederrum DIVs befinden.

Ich möchte gerne alle DIVs selektieren, die die Klasse "entry" haben. Dafür habe ich diesen Befehl benutzt:

Code:

oldDIVs = contentDiv.getElementsByTagName('div');

Das Problem dabei ist, dass auch die ganzen DIVs in den "Entry-Divs" mit selektiert werden. wie kann ich das vermeiden, oder direkt nur die Elemente mit der Klasse "entry" selektieren?

Moin!

Als kleine Inspiration:

PHP-Code:

  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

"http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">

<meta http-equiv="Content-Script-Type" content="text/javascript">

<title>Beispiel</title>

<script type="text/javascript">

function getElementsByClassName(klasse,tags,obj){

var tagName=tags||'*';

var papa=obj||document;

var el=papa.getElementsByTagName(tagName);

for (var i=0;i<el.length;i++){

if(el[i].className==klasse)alert(el[i].innerHTML);

}

}

</script>

</head>

<body>

<a href="#" onclick="getElementsByClassName('entry','div',document.getElementById('blah'))">divs mit Klasse 'entry' in div mit id 'blah' filtern</a><br>

<a href="#" onclick="getElementsByClassName('entry','div')">alle divs mit Klasse 'entry' filtern</a><br>

<a href="#" onclick="getElementsByClassName('entry')">alle Elemente mit Klasse 'entry' filtern</a><br>

<a href="#" onclick="getElementsByClassName('entry',null,document.getElementById('blah'))">alle Elemente mit Klasse 'entry' in div mit id 'blah' filtern</a><br>

<div id="blah">

<div class="entry">Blah 1</div>

<div>Blah 2</div>

<span class="entry">Blah 3</span>

<div>Blah 4</div>

<div class="entry">Blah 5</div>

<div>Blah 6</div>

<div class="entry">Blah 7</div>

</div>

<div class="entry">Blah 8</div>

<span class="entry">Blah 9</span>

</body>

</html>

Ahoi - Pit

slayer2206 · registriert: 09-04-2006

Diesen Ansatz hatte ich zwischenzeitlich auch gefunden

Trotzdem ein "Vielen Dank" an Pit-r

Ich habe gerade mal noch eine Frage: Ist es möglich, die JS-Fehler, die der IE angibt, irgendwie zu lokalisieren? Ich bekomme zwar zu jedem Fehler eine Zeilen- und Zeichennr., aber dort findet sich meist überhaupt nichts...