auf unterobjekte von div zugreifen JS/DOM

Crypi · 05.04.2007, 14:32

Hi,
mich beschäftigt gerade ein kleines Javascript Problem.
Ich möchte auf bestimmte Unterelemente eines divs zugreifen, anhand ihres Namens oder ihrer id.

Beispielhafte struktur:

Code:

<div>
<input type=hidden name="id" value=1>
<input type=text name="testtext" value="blub">
</div>
<div>
blubber
<input type=hidden name="id" value=3>
test
<input type=text name="testtext" value="bla">
</div>

Ich möchte jetzt mittels JS alle div-Elemente der Seite durchlaufen und dabei auf die untergeorneten Elemente zugreifen. Also jeweils auf "testtext" und "id".
Gibt es da eine besonders geschickte Variante das zu tun?
Zum durchlaufen benutze ich ein for-Schleife über documentgetElementsByTag('div').

Danke für eure Mühe!
Crypi

Zergling-new · 05.04.2007, 15:43

Hallo,
vielleicht hilft dir diese Klasse weiter:
http://www.jonasjohn.de/lab/htmlsql.htm

Ich würde dein Problem wohl so lösen, dass ich den <input> Feldern entweder eine eindeutige ID oder wenigstens Klasse zuweise, um diesen dann mit getElementsByTagName('INPUT') -> element.type == 'hidden' && element.class == 'testtext' auf die Schliche zu kommen.

Zumindest ist deine Variante recht umständlich.

Crypi · 05.04.2007, 15:49

mist...
ich dachte es gäbe da eine einfache lösung.
sowas wie getElementsByName... nur angewendet auf dieses div-element...

hmm aber sowas könnte man sich ja natürlich basteln...
mit kommt da gerade eine Idee.

man könnte sich ja eine funktion bauen, die element.childNodes oder so nur die elemente vom gesuchten typ zurückliefert...

doof das es sowas nicht schon gibt...

Crypi

Zergling-new · 05.04.2007, 16:20

Probier mal ob du's verschachteln kannst. Bin jetzt nicht ganz sicher.

document.getElementById('xy').getElementsByTagName ('INPUT')

Aber jedes 2. JS-Framework bietet dir solch eine Funktionalität an.

Crypi · 05.04.2007, 16:27

arg....
ich dachte das hätte ich ausprobiert.
so geht das natürlich auch ganz gut.
ich hab nur ein geschachteltes getByName probiert und das haut nicht hin.
getByTagName funktioniert!.
Danke für deine Hilfe und frohe Ostern!

Crypi

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Class kann auf Variable nicht zugreifen...	go1denboy	PHP Tipps 2008	4	27.06.2008 15:40
verzeichnisschutz mit php zugreifen?	mc_hammer	PHP Tipps 2007	12	24.08.2007 17:13
Mit PHP auf Lotus Notes Datenbanken zugreifen	buggybugga	PHP Tipps 2007	2	02.05.2007 11:33
Auf static Methode von variabler Klasse zugreifen	Riks	PHP Tipps 2007	11	16.03.2007 15:08
Via PHP auf eine andere festplatte zugreifen?	skytrance	PHP Tipps 2006	6	05.05.2006 16:23
Mit Apache über einen Proxy auf externe quellen zugreifen		Server, Hosting und Workstations	4	24.10.2005 13:23
Rechte für user vergeben - auf externe Datenbank zugreifen		PHP Tipps 2005-2	8	07.10.2005 13:59
Von Server auf die Platte des Clients zugreifen		PHP Tipps 2005-2	6	21.08.2005 15:56
In einer Funktion auf eine Funktion der Klasse zugreifen	phpbeginner	PHP Tipps 2005-2	2	28.07.2005 00:30
von server a auf datenbank von server b zugreifen?		PHP Tipps 2005-2	7	26.07.2005 18:55
per FTP auf LAMP zugreifen	Klaus	Server, Hosting und Workstations	13	20.04.2005 13:31
[Erledigt] Mit PHP auf ASP dot NET Webservice zugreifen		PHP-Fortgeschrittene	3	08.01.2005 22:41
[Erledigt] Kann auf phpmyadmin nicht zugreifen		Datenbanken	5	05.12.2004 00:23
[Erledigt] Auf <td> zugreifen ???		HTML, Usability und Barrierefreiheit	3	07.11.2004 05:41
via PHP auf mit .htaccess geschütztes Verzeichnis zugreifen	robo47	PHP Tipps 2004	6	22.10.2004 15:57

05.04.2007, 14:32
Crypi Erfahrener Benutzer Registriert seit: 14.09.2004 Beiträge: 382	auf unterobjekte von div zugreifen JS/DOM Hi, mich beschäftigt gerade ein kleines Javascript Problem. Ich möchte auf bestimmte Unterelemente eines divs zugreifen, anhand ihres Namens oder ihrer id. Beispielhafte struktur: Code: <div> <input type=hidden name="id" value=1> <input type=text name="testtext" value="blub"> </div> <div> blubber <input type=hidden name="id" value=3> test <input type=text name="testtext" value="bla"> </div> Ich möchte jetzt mittels JS alle div-Elemente der Seite durchlaufen und dabei auf die untergeorneten Elemente zugreifen. Also jeweils auf "testtext" und "id". Gibt es da eine besonders geschickte Variante das zu tun? Zum durchlaufen benutze ich ein for-Schleife über documentgetElementsByTag('div'). Danke für eure Mühe! Crypi __________________ PostgreSQL Forum: www.pg-forum.de


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

05.04.2007, 15:43
Zergling-new Erfahrener Benutzer Registriert seit: 21.05.2008 Beiträge: 9.937	Hallo, vielleicht hilft dir diese Klasse weiter: http://www.jonasjohn.de/lab/htmlsql.htm Ich würde dein Problem wohl so lösen, dass ich den <input> Feldern entweder eine eindeutige ID oder wenigstens Klasse zuweise, um diesen dann mit getElementsByTagName('INPUT') -> element.type == 'hidden' && element.class == 'testtext' auf die Schliche zu kommen. Zumindest ist deine Variante recht umständlich.

05.04.2007, 15:49
Crypi Erfahrener Benutzer Registriert seit: 14.09.2004 Beiträge: 382	mist... ich dachte es gäbe da eine einfache lösung. sowas wie getElementsByName... nur angewendet auf dieses div-element... hmm aber sowas könnte man sich ja natürlich basteln... mit kommt da gerade eine Idee. man könnte sich ja eine funktion bauen, die element.childNodes oder so nur die elemente vom gesuchten typ zurückliefert... doof das es sowas nicht schon gibt... Crypi __________________ PostgreSQL Forum: www.pg-forum.de

05.04.2007, 16:20
Zergling-new Erfahrener Benutzer Registriert seit: 21.05.2008 Beiträge: 9.937	Probier mal ob du's verschachteln kannst. Bin jetzt nicht ganz sicher. document.getElementById('xy').getElementsByTagName ('INPUT') Aber jedes 2. JS-Framework bietet dir solch eine Funktionalität an.

05.04.2007, 16:27
Crypi Erfahrener Benutzer Registriert seit: 14.09.2004 Beiträge: 382	arg.... ich dachte das hätte ich ausprobiert. so geht das natürlich auch ganz gut. ich hab nur ein geschachteltes getByName probiert und das haut nicht hin. getByTagName funktioniert!. Danke für deine Hilfe und frohe Ostern! Crypi __________________ PostgreSQL Forum: www.pg-forum.de