Toon posts:

[JS] Padding van div

Pagina: 1
Acties:

Verwijderd

Topicstarter
Hallo,

ik heb een zeer simpel probleem, maar omdat je als je zoekt op "padding javascript" zo veel resultaten krijgt heb ik het hierdoor niet kunnen vinden.
Ik wil heel simpel, de padding van een element uitlezen in javascript:
ik dacht dus:
code:
1
element.style.padding-left


Maar dat werkt dus niet..
code:
1
element.style.paddingLeft
werkt ook niet :(

Kan iemand dit aan mij uitleggen?

  • chem
  • Registratie: Oktober 2000
  • Laatst online: 11:34

chem

Reist de wereld rond

Die laatste zou correct moeten zijn.

Welke melding krijg je?

Klaar voor een nieuwe uitdaging.


Verwijderd

Topicstarter
Geen (firefox...) ... maar ik alert hem terwijl ik hem wel in mijn css een padding van 10 geef...
Maakt dat trouwens uit, of ik de padding in het style attribute zet of bovenin mijn css stukje zet?

Verwijderd

Dat maakt niet uit maar ik zou als je het met JS niet hoeft te doen altijd met CSS doen.
Wat heb je verder aan relevante code want hieruit blijkt niet waarom het niet zou werken.

Verwijderd

Topicstarter
Het maakte dus wel uit, ik heb het nu via het style attribute gedaan en nu werkt het wel. Ik heb een stuk javascript dat de padding moet uitlezen ivm de juiste plaatsing van een scrollbalk, dit kan ik niet met css doen...
Edit:
eeuh hij werkt niet, scrollbalk staat wel goed maar heb geen padding meer :P

[ Voor 17% gewijzigd door Verwijderd op 03-07-2006 11:06 ]


  • disjfa
  • Registratie: April 2001
  • Laatst online: 08-01 11:17

disjfa

be

Je wilt de css uitlezen na dat je een element in de html hebt gezet. Ja dat kan idd niet als je de css in de css hebt staan. Javascript kan css uitlezen als het in de style staat. Als je dat nou had gevraagd :P

Maar wat wil je er verder mee doen precies dan?

disjfa - disj·fa (meneer)
disjfa.nl


  • chem
  • Registratie: Oktober 2000
  • Laatst online: 11:34

chem

Reist de wereld rond

Check de DOM inspector eens. En dan dus het JS Object van je DIV.

Probeer eens de getAtribute methode, voor de lol.

Klaar voor een nieuwe uitdaging.


Verwijderd

Topicstarter
Zo, heb t werkend...
code:
1
zoekdiv.style.width = (frameWidth - zoekdiv.style.paddingLeft.substring(0,zoekdiv.style.paddingLeft.length - 2) - zoekdiv.offsetLeft - zoekdiv.offsetParent.offsetLeft - extraoffsetx)+"px";

Verwijderd

gebruik parseInt, werkt wat overzichtyelijker

Verwijderd

element.style.setProperty("padding-left", "20px");
Pagina: 1