javascript Schriftgröße ändern

Guten Tag an alle,
Tut mir Leid wenn dich diese Frage dumm. Kann jemand bitte helfen Sie mir, wie ändern Sie die schriftart der gedruckten Ausgabe? Sie sagte .Stil.fontSize, aber ich weiß nicht, wie es in diesem code. Jede Hilfe wäre sehr geschätzt werden. Danke!

<html>
<body>
<div id="display-date">
        <script language="javascript"> 
        today = new Date();
        var month = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
        var day = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"];
        var yr = today.getYear();


        if(yr < 1900) yr += 1900;
        document.write(today.getDate() + " " + month[today.getMonth()] + " " + yr);
        </script>
</div>
</body>
</html>
Wer ist 'Sie' im Kontext? Und haben Sie Bedenken, Fragen Sie, was das bedeuten würde?
In das internet. Ich habe gerade gegoogelt, einige davon aber keine Ahnung, wie Sie zu verwenden sind. Sorry.

InformationsquelleAutor Boy Karton | 2013-04-28

  1. 4

    Ich würde vorschlagen, die folgenden:

    document.getElementById('display-date').style.fontSize = '2em'; //or whatever measurement.

    Und, ich hätte da ein paar Momente, hier ist eine Funktion:

    function fontSizeChange(elem, factor) {
    if (!elem) {
        return false;
    }
    else {
        factor = factor || 2; //2 is the default
        elem = elem.nodeType && elem.nodeType === 1 ? elem : document.getElementById(elem);
        var cur = window.getComputedStyle(elem, null).fontSize,
            size = parseInt(cur.replace(/\D+/g,''),10),
            unit = cur.replace(/\d+/g,'');
        elem.style.fontSize = (size * factor) + unit;
    }    
}

    Aufrufen, etwa so:

    fontSizeChange('display-date', 3);

    JS Fiddle demo.

    Oder:

    fontSizeChange(document.getElementById('display-date'), 4);

    JS Fiddle demo.

    Oder (wenn Sie wollen, um die Standardeinstellung zu verwenden, kann man auch weglassen factor argument):

    fontSizeChange('display-date');

    JS Fiddle demo.

    Und, natürlich, können Sie Sie verkleinern thngs zu:

    fontSizeChange('display-date',0.25);

    JS Fiddle demo.

    Könnte man natürlich auch mit CSS:

    #display-date {
    font-size: 2em;
}

    JS Fiddle demo.

    Einer aktualisierten version, die ermöglicht die Anpassung an einen zurückgegebene element (document.querySelector() /document.getElementById()) oder eine nodeList (document.getElementsByTagName() /document.querySelectorAll()):

    Object.prototype.resize = function (prop, factor) {
    if (prop) {
        factor = parseFloat(factor) || 2;
        var self = this.length ? this : [this],
            cur, size, unit;
        for (var i = 0, len = self.length; i < len; i++) {
            var cur = window.getComputedStyle(self[i],null)[prop],
                size = parseFloat(cur.replace(/\D/g,'')),
                unit = cur.replace(/\d+/g,'');
            self[i].style[prop] = (size * factor) + unit;
        }
    }
    return this;
};

document.getElementsByTagName('div').resize('width',3);
document.getElementById('display-date').resize('font-size', 2.5);

    JS Fiddle demo.

    Object.prototype.resize = function (prop, factor) {
    if (prop) {
        factor = parseFloat(factor) || 2;
        var self = this.length ? this : [this],
            cur, size, unit;
        for (var i = 0, len = self.length; i < len; i++) {
            var cur = window.getComputedStyle(self[i],null)[prop],
                size = parseFloat(cur.replace(/\D/g,'')),
                unit = cur.replace(/\d+/g,'');
            self[i].style[prop] = (size * factor) + unit;
        }
    }
    return this;
};

document.querySelectorAll('div').resize('height',3);
document.querySelector('#display-date').resize('font-size', 0.5);

    JS Fiddle demo.

    Referenzen:

    Ich danke Ihnen sehr!
    Du bist sehr willkommen, ich bin froh ein wenig helfen! =)

    InformationsquelleAutor David Thomas

  2. 0

    Können Sie style Attribut zum ändern der css-Eigenschaften in javascript

    document.getElementById('display-date').style.fontSize = '2em'
    Karton siehe meine Antwort einmal.versuchen Sie, diese
    Vielen Dank dude!

    InformationsquelleAutor PSR

  3. 0

    Anstelle der Verwendung von Dokument.schreiben Sie etwas wie die folgende

    <style>
  .my_style_class
 {
   // add your font styling information here
   font-size: small;
 }
</style>
<div id="display-date" class="my_style_class">        
</div>

<script>
   document.getElementById("display-date").innerHTML = your_function_which_gets_the_date();
</script>
    Ich danke Ihnen sehr!

    InformationsquelleAutor vishakvkt

Schreibe einen Kommentar