clientWidth vs. offsetWidth

clientWidth = bredden af objektet
http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/reference/properties/clientwidth.asp

offsetWidth = position af objektet
http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/reference/properties/offsetwidth.asp

clientwidth har ikke margin,border og scrollbar bredde med det er offsetwidth

position ???
http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/reference/properties/offsetwidth.asp

offsetWidth har ikke margin med...
- clienwidth=bredde
- offsetWidth=bredde+padding+border (Ikke margin)


<!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"><title>Ingen titel</title>

<style type="text/css">
#abc{width:150px;border:25px solid #000;padding:25px;margin:50px;}
</style>

<script type="text/javascript">
window.onload=function(){
alert(document.getElementById("abc").offsetWidth+"\n"+document.getElementById("abc").clientWidth);
}
</script>

</head><body>
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
<div id="abc">TEST</div>
</body></html>

spaceus>> Du har ret - stadig tidligt på dagen og tilmed mandag morgen..

[ Hvornår bruger man hvad ??? ]
- Det afhænger meget af situationen... men lad os sige at vi ville appende et nyt object ind i et element og det nye object skulle have samme width som det andet på nær et par px - så burde vi måle på clientWidth da vi ellers ville udvide det eksisterende object ret så voldsomt ellers skulle vi validere på både border og padding (og vi kan ikke validere på style.border og style.padding med mindre de sættes via javascript.

Og vi kan ikke bare teste på style.width da denne værdi ikke er til rådighed med mindre den sættes med javascript ... (sikke noget øv) ... Så i det tilfælde bliver det nytobject.style.width=clientWidth-10px (f.eks.)

[ Er det ene bedre end det andet ??? ]
- Det afhænger af hvad man skal bruge...

Tror / Håber jeg har forstået det grundlægende  *S*

Takker

Smid point de af jeg der vil have

Ingen point hertil - jeg ville bare lige uddybe spaceus's svar med at margin ikke var i offsetWidth og kaste et eksempel der viste det ... Eksemplet viser også vigtigheden af at IE ikke er i quirks ... hvis man fjerner doctypen - så går det helt galt :o)

jamen nå mclemens nu er så flink.. og har ret vil jeg da altid gerne have point ;) eller tjaaa

mclemens får ret

spaceus får point

og jeg får ro i sindet

:-P

[ mclemens får ret ] Tak for det :o)
[ og jeg får ro i sindet ] - og sov godt :o)