modifier le texte-taille de la police de l'ensemble du contenu de la page

est-il un moyen en javascript/css que je peux changer la taille du texte de toutes les étiquettes, en-têtes, des paragraphes, etc en un seul clic et sans explicitement obtenir de l'identification de l'élément puis en changeant sa taille de police.

ce que je suis en train de faire maintenant, c'est que j'identificateur de l'élément à l'aide de javascript et modifier sa taille de police explicitement. Pour obtenir une image claire de ce que je suis en train de faire vérifier ce lien ou vérifier le code suivant

<script type="text/javascript">
function changemysize(myvalue) {
    var div = document.getElementById("mymain");
    div.style.fontSize = myvalue + "px";   
}
</script>

Code HTML

Choose a text size:
<font size="2"><a href="javascript:void(0);" onclick="changemysize(16);">A</a></font>
<font size="4"><a href="javascript:void(0);" onclick="changemysize(20);">A</a></font>
<font size="5"><a href="javascript:void(0);" onclick="changemysize(25);">A</a></font>
<div id="mymain">
Only this text gets affected
</div>

OriginalL'auteur awais | 2013-05-09

  1. 1

    Ajouter un id à la body tag et ensuite aller de l'avant et de changer la taille de la police avec JavaScript. Cela va changer la taille de la police pour chaque élément à l'intérieur de votre page web! C'est aussi simple que ça!

    ou, tout simplement, le style de l'organisme
    Pas besoin de l'ID de l'organisme, il suffit d'utiliser document.body.

    OriginalL'auteur akash4eva

  2. 3

    Vous pouvez utiliser rem, ce qui est mieux que em dans certains endroits parce que em cascades et rem ne pas.

    Avec toutes les longueurs sont spécifiés dans rem, vous pouvez ajuster la taille de changer la taille de police de la <html> élément.

    Voir aussi: http://snook.ca/archives/html_and_css/font-size-with-rem

    Très pratique conseil! Dommage qu'il exige IE9 plus, parce que ems peut être à la fois une bénédiction et une malédiction. Je vais probablement utiliser rem à partir de maintenant, si je ne me préoccupe pas plus ie.

    OriginalL'auteur Tezcat

  3. 1

    Je vous recommande d'utiliser ems comme une mesure pour le réglage des tailles de police. De cette façon, avec 1 tag, vous pouvez ajuster la taille de la police de chaque élément relativement, au lieu de spécifier des tailles spécifiques. Exemple:

    body {
  font-size: 1em;
}

h1 {
  font-size: 1.5em;
}

h2 {
  font-size: 1.3em;
}

p.large {
  font-size: 1.2em;
}

    Ensuite, vous pouvez appliquer une classe à l'organisme, comme

    body.enlarged {
  font-size: 1.3em;
}

    Qui sera mise à l'échelle la taille de la police de tous éléments respectivement. Le code javascript serait quelque chose comme ceci:

    document.body.classList.add('enlarged');

    Démo ici: http://jsfiddle.net/bW9fM/1/

    Pourquoi mélanger régulièrement js avec jquery?
    jQuery est utilisé pour la démo pour lier le gestionnaire; il ne fait pas partie de la question (il est lié à son propre gestionnaire, albiet dans une mauvaise façon) la question n'a pas été étiqueté avec jQuery je n'ai donc pas l'utilisation de jQuery .addClass(). À l'aide d'une bibliothèque ne signifie pas que vous ne pouvez pas utiliser des JS. Si il rend votre vie meilleure, voici un pure js version et un la version jQuery.

    OriginalL'auteur Christian Varga

  4. 0

    Fonctionné pour moi:

    function changeFont(element){
    element.setAttribute("style",element.getAttribute("style")+";font-family: Courier New");
    for(var i=0; i&lt;element.children.length; i++){
        changeFont(element.children[i]);
    }
}
changeFont(document.getElementsByTagName("body")[0]);

    OriginalL'auteur Ivo Tebexreni