Using javascript to change styles

[vinniemac]

Using javascript, how can I change an attribute for ALL anchors (A:hover) on the webpage?

[vinniemac]

How can I change a style attribute for all anchors on a webpage?

Right now, i have a link pointing to a javascript function; i.e.

<a href="javascript: ChangeLinkCursor();">Click to change cursor when hovering over links</a>

What do i need to include in the ChangeLinkCursor function to change the style for ALL anchors (not just for one link but for ALL links on the webpage, i.e. I don't want to use getElementById 500 times if there are 500 links on the page)? Is there a simple way to change the style like below, or do I need to use getElementsByTag and use a for loop?

i.e. original style:
a:hover {cursor: default;}

new style:
a:hover {cursor: wait;}

Thanks!!

[Dormilich]

try the advanced CSS interface
see Stylesheet object – MDC

[vinniemac]

I guess a better question, although a little broader, is the following: is there a way to change the style for a certain type of tag (using javascript)? i.e. How would i use javascript to change all divs from block elements to inline? Or change font size for all <P> from 16pt font to 12pt font? :confused:

[Dormilich]

it's like you said, getElementsByTagName(). although you can try the stylesheet object stylesheet – MDC

[Frinavale]

I'm not sure why you wouldn't just use the appropriate style to begin with but you can retrieve all elements of a particular type on a page in JavaScript using the document.getElementsByTagName method.

For example:

 var allInputElements=document.getElementsByTagName('input');

The above code retrieves all input elements on the page...you can loop through them and check if their type is the type you want to apply the JavaScript to:

for(var i = 0; i < allInputElements.length; i++)
{
    var temp = allInputElements[i];
    if(temp.type=="......")
    {
      //Do something
    }
}
 

[gits]

threads merged - please don't double post your questions ...

kind regards,
MOD