Migliorare l'usabilità dei link con DOM e Javascript - Esempio 2

Vai ad HTML.it
Vai sul sito del W3C
Vai su PRO-HTML.it

Il codice Javascript

<script type="text/javascript" language="Javascript">
function modificaLink() {
var sito = /html.it/;
var links = document.getElementsByTagName('a');
for (i = 0; i < links.length; i++) {
var link = links[i];
url = links[i].getAttribute('href');
if (url.match(sito)) {
link.setAttribute('class', 'interno');
}
else {
link.setAttribute('class', 'esterno');
}
}
}
window.onload = modificaLink;
</script>

Il codice CSS

.interno {
background: url(interno.gif) right center no-repeat;
padding-right: 25px;
}
.esterno {
background: url(esterno.gif) right center no-repeat;
padding-right: 25px;
}