JAVASCRIPT Style d'une classe en CSS ???
Bilow
-
Bilow -
Bilow -
Bonjour !
J'ai dans une page HTML, de multiples liens ( <a> ) qui ont leur classe en commun.
Exemple :
<a id='monlien' class='lien'>...</a>
<a id='lien2' class='lien'>...</a>
En javascript, j'aimerais modifier un certain attribut CSS de cette classe.
Je ne veux pas modifier le nom de la classe (className), mais faire quelque chose dans le genre :
document.getElementsByClassname('lein').style.width=500;
ou bien :
document.getElementById('div_poubelle').innerHTML = "<style type='text/css'>.lien{ width: 500px; }</style>
Est-ce possible ?
Merci !
J'ai dans une page HTML, de multiples liens ( <a> ) qui ont leur classe en commun.
Exemple :
<a id='monlien' class='lien'>...</a>
<a id='lien2' class='lien'>...</a>
En javascript, j'aimerais modifier un certain attribut CSS de cette classe.
Je ne veux pas modifier le nom de la classe (className), mais faire quelque chose dans le genre :
document.getElementsByClassname('lein').style.width=500;
ou bien :
document.getElementById('div_poubelle').innerHTML = "<style type='text/css'>.lien{ width: 500px; }</style>
Est-ce possible ?
Merci !
2 réponses
-
Cette fonction n'existe pas, mais tu peut la simuler avec ceci:
document.getElementsByClassName = function(cl) {
var retnode = [];
var myclass = new RegExp('\\b'+cl+'\\b');
var elem = this.getElementsByTagName('*');
for (var i = 0; i < elem.length; i++) {
var classes = elem[i].className;
if (myclass.test(classes)) retnode.push(elem[i]);
}
return retnode;
}; -
Salut !
J'avais trouvé les fonctions addRule et insertRule, que je ne peut pas utiliser, question de Copyright, que je n'ai pas compris :
https://forums.commentcamarche.net/forum/affich-18444528-copyright-javascript
Mais la, c'est fantastique ! Merci !
Ca fonctionne à merveille...
Bye ;)
