Archief - JS : width van element vragen en aanpassen

Ik heb ook een beetje javascript nodig voor de site die ik aan het maken ben, maar ik ken daar ook vrij weinig van en bovendien is het blijkbaar onmogelijk om een deftige turorial te vinden die verder gaat dan enkel de syntax van javascript en de pure basics. Ik zoek maw een goeie tutorial die de dingen behandeld die op deze sheet te vinden zijn, maar die daar wat meer uitleg bij geeft.

Wat is bijvoorbeeld het verschil tussen element.clientWidth en element.scrollWidth en element.style.width.

Ik wil namelijk van een element de huidige width vragen en die een andere waarde geven als die kleiner is dan een bepaalde waarde.

<img id="figuur1" src="whatever.gif">

"get " code is deze:
var breedte;
breedte=document.getElementById("figuur1").style.width;

"set" code is deze:
document.getElementById("figuur1").style.width ="400px";

En wat is het verschil met die scrollWidth en clientWidth?

(ui msdn.microsoft.com gehaald, niet getest though)
Scrollwidth: the scrolling width of the object.
Clientwidth: the width of the object including padding, but not including margin, border, or scroll bar.

ik gebruik zelf die dingen niet maar ik ga ervanuit da een element glijk bv nen iframe
me een clientwidth van bv 400 en een scrollwidth van pakweg 100 als effect heeft da ge 100 px breed ziet op uw scherm maar uwe iframe feitelijk nog 300px extra naar opzij gescrolld kan worden

clientwidth= width - border - scrollbar - margin
scrollwidth= zichtbare breedte, rest is zichtbaar na scroll

Ik heb momenteel geen scrollbars op mijn pagina en ook niet veel borders enzo, dus daarom dat die dingen bij mij allemaal dezelfde waardes gaven.