Notifikationer

Markér alle som læst Log ud

jesper-moeller Nybegynder

19. juni 2006 - 01:45 Der er 9 kommentarer og
2 løsninger

clientWidth vs. offsetWidth

Mit spørgsmål er ganske enkelt
Hvad er forskellen på clientWidth og offsetWidth ???
Hvornår bruger man hvad ???
Er det ene bedre end det andet ???

Synes godt om

thrytter Nybegynder

19. juni 2006 - 08:28 #1

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

Synes godt om

spaceus Nybegynder

19. juni 2006 - 08:29 #2

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

Synes godt om

spaceus Nybegynder

19. juni 2006 - 08:30 #3

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

Synes godt om

mclemens Nybegynder

19. juni 2006 - 08:48 #4

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>

Synes godt om

thrytter Nybegynder

19. juni 2006 - 08:51 #5

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

Synes godt om

mclemens Nybegynder

19. juni 2006 - 09:07 #6

[ 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...

Synes godt om

jesper-moeller Nybegynder

19. juni 2006 - 19:10 #7

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

Takker

Smid point de af jeg der vil have

Synes godt om

mclemens Nybegynder

19. juni 2006 - 19:31 #8

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)

Synes godt om

spaceus Nybegynder

20. juni 2006 - 00:31 #9

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

Synes godt om

jesper-moeller Nybegynder

20. juni 2006 - 00:45 #10

mclemens får ret

spaceus får point

og jeg får ro i sindet

:-P

Synes godt om

mclemens Nybegynder

20. juni 2006 - 01:29 #11

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

Synes godt om

Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript	5	27/04/202620:09	03/05/202613:59
Validering af filnavn i formular Af Strawberry i JavaScript	8	14/04/202610:11	20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript	2	03/02/202614:19	04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript	9	18/04/202516:52	22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript	2	14/02/202511:47	27/06/202514:34

Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS