[JS] Border van input opvragen

[DiLDoG]

Ik wil een input field vervangen door een div, en daarbij de style copieren. Het lukt me alleen niet om style attributes zoals de border op te vragen omdat ze niet via de DOM zijn geset. Ik heb dit al geprobeerd:

code:

if( window.getComputedStyle ) {
  oBorder = window.getComputedStyle(oElement,null).borderWidth;
} else if( oElement.currentStyle ) {
  oBorder = oElement.currentStyle.borderWidth;
}
      
console.log("bla: "+oBorder );
 
oBorder  = document.defaultView.getComputedStyle(oElement, null).getPropertyValue("borderWidth");

console.log("bla2: "+oBorder );

Maar dit resulteerd allebij in een lege string

Weet iemand hoe ik dit kan doen?

[stevenP]

Hmm, geef de betreffende textbox een strakke id mee, met daarin alle code. Vervolgens zet je in je css

Cascading Stylesheet:

#<idnaam>
{
  al je borders, paddings etc
}

En als je dan je textbox laat veranderen naar een div, met de zelfde id mee, ben je klaar denk ik..

<input type="text" name="x" id="InputToDiv"></input>
->
<div id="InputToDiv">

je moet het ook zeggen als dit niet is wat je wil, als je echt de js erachter wil weten dan moet je deze post negeren

[ Voor 16% gewijzigd door stevenP op 06-12-2006 00:04 ]

[DiLDoG]

Ja dat had ik al bedacht, maar ik wil een object maken dat elke willekeurige input kan vervangen. Dus los van of het orrigineel een id of classname heeft. Toch bedankt.

[Verwijderd]

Misschien kom je hiermee verder?

http://www.howtocreate.co...javascript/domstylesheets