Bonjour,
Je cherche à appelé une class (css) en dom, avec un raccourci equivalent à getElementById();
Sa existe ?
ex : className('class_element');
Merci
Code : Tout sélectionner
getElementById('id').style.classNameCode : Tout sélectionner
<script>
w.document.className(toto);
</script>
Code : Tout sélectionner
<div class=""toto">
bla, bla
</div>
Code : Tout sélectionner
<?xml version="1.0" encoding="iso-8859-1" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" xml:lang="fr" />
<title>Récupérer une classe CSS en JavaScript</title>
<meta http-equiv="Content-language" content="FR-fr" xml:lang="fr" dir="ltr" />
<script type="text/javascript">
/* <![CDATA[ */
function afficherClass(id_elt)
{
var classeCSS = document.getElementById(id_elt).className;
var afficher = (classeCSS != 'undefined' && classeCSS != '') ? classeCSS : 'Cet élément n\'a pas de classe CSS définie';
alert(afficher);
}
/* ]]> */
</script>
<style type="text/css">
/* <![CDATA[ */
.monstyle {
border: 1px solid #ccc;
}
/* ]]> */
</style>
</head>
<body>
<div id="monbloc1" class="monstyle">
<p>Bloc 1 : Bla bla pour meubler</p>
</div>
<p><a href="#" title="" onclick="afficherClass('monbloc1'); return false;">Nom de la classe CSS du bloc ci-dessus</a></p>
<div id="monbloc2">
<p>Bloc 2 : Bla bla pour meubler</p>
</div>
<p><a href="#" title="" onclick="afficherClass('monbloc2'); return false;">Nom de la classe CSS du bloc ci-dessus</a></p>
</body>
</html>