Kann ich ein style-tag innerHTML?

Ich versuche zu veröffentlichen, die das innerHTML der Tabelle. Möchte die Schriftgröße in einer Zelle größer werden. Ist es möglich, ein style-tag wie so?

cell4.innerHTML = "<style: font-size:40px>" + "John Doe" + "</style>" +  "</br>";

Ich habe versucht, die folgenden fiddle, aber es funktioniert nicht. http://jsfiddle.net/s1dj3x8e/

  • Warum wird das downvoted?
  • Es zeigt keine Forschung; Sie ist nicht nützlich
  • Forschung? Aufwand? nicht ich versuchen, den Stil der schriftart,-Größe und nur fehlt das Wort 'div', aus der die richtige Antwort?
InformationsquelleAutor John | 2014-11-12
  1. 6

    Den <style> tag soll ein container für CSS-code in den Kopf, was Sie versuchen zu erreichen, auch nicht mit diesem element in diesem Zusammenhang.

    Ersetzen Sie die folgende Zeile:

    cell4.innerHTML = "<style: font-size:40px>" + "John Doe" + "</style>" +  "</br>";

    Mit:

    cell4.innerHTML = "<span style='font-size:40px'>John Doe</span>";

    Aktualisiert Geige (jetzt mit span statt div wie richtig angemerkt Zach unten):

    http://jsfiddle.net/jbhw1qf0/

    • Sollten Sie nicht verwenden divs für das styling einen Abschnitt des Textes. Auch ich bin neugierig, warum Sie " + "
    • vielen Dank für die Hilfe. arbeitete wie ein Leckerbissen
    • Ich nahm an, dass, sobald ich habe Ihren Kommentar. War die Minimierung der original-code und einfach nie sah das sinnlose Verkettung. Neugierig, was falsch ist mit divs verwendet, um Stil einen Abschnitt? Spanne ich in der Regel verwenden würden, im inneren, zum Beispiel, einen Satz zu packen, ein Wort. Aber dieser Zusammenhang wird in der gesamten Zelle.
    • Es ist nur syntaktisch falsch, aus denselben Gründen, warum Sie möchten, verwenden spans in einem text-Abschnitt. Das ist, was Sie gemacht sind, für
    • Fair genug. Sie lernen jeden Tag etwas neues, auch kleine Dinge wie diese. Ich werde die änderung in meiner Antwort.
    • So, dann ist es die gleiche Antwort wie die, die ich vorgeschlagen 😛
    • Außer mir hat sich eine Arbeitsgruppe fiddle 😉
    • Aber das Fleisch, die Antwort ist die gleiche. Umsetzung der Veränderungen vorgeschlagen, ist einfach zu tun und ist nicht erforderlich, dass Sie eine Antwort
    • Style-tags nicht in den Kopf

    InformationsquelleAutor Drew Kennedy
  2. 4

    Style-tags werden gedacht, um enthalten, CSS-Blöcke, inklusive Selektoren, so dass Sie, um Stil mehrere Elemente gleichzeitig. Alle CSS für den style-tag sollte zwischen den <style> tags selbst.

    Zu tun, was Sie versuchen zu tun, werden Sie brauchen, um wieder ein element, das verwendet entweder eine Klasse, die definierten Formatvorlagen oder inline-styles wie so:

    cell4.innerHTML = '<span style="font-size:40px">John Doe</span>';

    ODER

    cell4.innerHTML = '<span class="fs40">John Doe</span>';

    wo die CSS - .fs40 { font-size:40px; } in der stylesheet.

    InformationsquelleAutor Zach Saucier
Schreibe einen Kommentar