Topic: Javascript

[Canuck]

I tried searching the net, and couldnt find anything.

document.getElementById('id').style.border = '2px solid green';

I am trying to change only the bottom border to green, but I cant figure out a way to just target the bottom border.  Is there a way to accomplish this?

Thanks

[ober]

document.getElementById('id').style.border-bottom = '2px solid green';

That's the CSS attribute.. I'm only assuming you can do the same through JS.

[Canuck]

I thought that would work, and tried border-bottom, and border.bottom, but I get the following error.

Error: invalid assignment left-hand side

I dont know why it wont allow me to specify border-bottom.

[ober]

I'll do a little testing then...

[Canuck]

Thanks for trying to figure it out, I appreciate it.  I just found this great site which helped me out.

http://codepunk.hardwar.org.uk/css2js.htm

The following is how the working code looks.

Code: [Select]


document.getElementById('id').style.borderBottomColor = 'green';
document.getElementById('id).style.borderBottomStyle = 'solid';
document.getElementById('id').style.borderBottomWidth = '2px';


[ober]

I got this to work:

Code: [Select]

This is a test of the border changer.

[ober]

Ah ha... I figured there had to be another way to do it.    Good find.