Groups | Search | Server Info | Keyboard shortcuts | Login | Register [http] [https] [nntp] [nntps]

Groups > comp.lang.javascript > #22904

Re: How to change style from id to class?

Show all headers | View raw

Bart Van der Donck <bart@nijlen.com> wrote on 31 jan 2014 in 
comp.lang.javascript:

> WanWan wrote:
>  
>> I've already changed using javascript:
>> <div id='example'>...</div>
>> to
>> <div id='uniqueId1' class='example'>...</div>
>> Now the style no longer apply.
>> 
>> A possible solution is to change using javascript:
>> div#example { color: blue; ... }
>> to
>> div.example { color: blue; ... }
>> OR apply div#example to <div id='uniqueId1' 
>> class='example'> some other way.
> 
> I think you're looking for the 'className' property, eg.
> 
>   <div id="id1" class="class1"> ... </div> 
>   <input type="button" value="Change class"
>    onClick="document.getElementById('id1').className='class2';">

and in reverse, when the element is the only one with that classname:

onClick = "document.getElementByClassName('class3')[0].id = 'id7';">

or, more specificly, when the element is just the only one in a container:

onClick = "myContainer.getElementByClassName('class3')[0].id = 'id7';">

-- 
Evertjan.
The Netherlands.
(Please change the x'es to dots in my emailaddress)

Back to comp.lang.javascript | Previous | Next — Previous in thread | Next in thread | Find similar | Unroll thread

Thread

How to change style from id to class? WanWan <jippijappo@hotmail.com> - 2014-01-30 07:43 -0800
  Re: How to change style from id to class? Bjoern Hoehrmann <bjoern@hoehrmann.de> - 2014-01-30 17:12 +0100
    Re: How to change style from id to class? WanWan <jippijappo@hotmail.com> - 2014-01-30 08:24 -0800
      Re: How to change style from id to class? Thomas 'PointedEars' Lahn <PointedEars@web.de> - 2014-01-30 20:17 +0100
        Re: How to change style from id to class? WanWan <jippijappo@hotmail.com> - 2014-01-30 12:33 -0800
      Re: How to change style from id to class? Bart Van der Donck <bart@nijlen.com> - 2014-01-31 00:45 -0800
        Re: How to change style from id to class? "Evertjan." <exxjxw.hannivoort@inter.nl.net> - 2014-01-31 11:59 +0100
        Re: How to change style from id to class? Thomas 'PointedEars' Lahn <PointedEars@web.de> - 2014-01-31 13:55 +0100

csiph-web