[js] image in een bepaalde div opvragen - Softwareontwikkeling

donderdag 16 februari 2006 10:25

Acties:

Topicstarter

Onlangs ben ik maar eens begonnen met wat javascript te leren. Nu heb ik mezelf het volgende probleem voor gelegd. Ik wil toegang krijgen tot alle images in een bepaalde div als er op die pagina meerdere divjes zijn. Bij mijn test probeer ik dus eerst tot 1 image toegang te krijgen, alleen nu lukt dat niet echt. Iemand een idee?

Nu had ik onderstaande bedacht, alleen het werkt niet echt.

code:

<script>
    var d,i,a;
    d = document.getElementById["main"];
    i = d.images[0];
    a = i.getAttribute["width"];
    alert(a);
</script>
<div id="main">
    [img]"http://www.google.nl/logos/olympics06_luge.gif"[/img]
                [img]"http://www.google.nl/logos/olympics06_luge.gif"[/img]
</div>

donderdag 16 februari 2006 10:28

Acties:

Verwijderd

getElementById en getAttribute zijn functies, gebruik hiervoor ook ronde haken ( ), daarnaast images[0] ik weet niet of dat werkt. Er is ook zoiets als GetElementByTag

donderdag 16 februari 2006 10:33

Acties:

crisp

Devver

Pixelated

de images collection is enkel globaal voor het hele document; je kan in dit geval beter met getElementsByTagName werken.

Intentionally left blank

donderdag 16 februari 2006 10:51

Acties:

RSD

Topicstarter

Er moet toch wel een mogelijkheid zijn dat ik alleen de images uit een bepaalde unieke div haal?
Onderstaande werkt ook niet echt...

code:

<script>
    var d,i,a;
    d = document.getElementById("main");
    i = d.getElementsByTagName("img");
    a = i.getAttribute("width");
    alert(a);
</script>
<div id="main">
    [img]"http://www.google.nl/logos/olympics06_luge.gif"[/img]
    [img]"http://www.google.nl/logos/olympics06_luge.gif"[/img]
</div>

[ Voor 63% gewijzigd door RSD op 16-02-2006 10:54 ]

donderdag 16 februari 2006 11:08

Acties:

crisp

Devver

Pixelated

getElementsByTagName geeft ook een collection terug; dit zal dus al beter moeten werken:

JavaScript:

var d,i,a;
d = document.getElementById("main");
i = d.getElementsByTagName("img");
alert('aantal images: ' + i.length);
a = i[0].getAttribute("width");
alert('breedte van 1e image: ' + a);