Wie kann ich das einfügen von html-code in eine javascript-variable?

So, ich bin ziehen Informationen aus google-Kalender und ich brauche, um teilen Sie die Variablen, die ich erhalte, so kann ich Sie anzeigen in verschiedenen divs. Also, was ich tun müssen, ist so etwas wie das

var divMonth = '<div id ="rawr">';
var divMonthClose = '</div>';

dateString =  divMonth + monthName + divMonthClose + ' | ' + parseInt(dateMonth, 10);

Jedoch, als Sie sich vorstellen, das angezeigte Ergebnis ist...

"<div id ="rawr">December</div> | 8"

Es eigentlich nicht interpretieren, html-und machen die div-layer. Also meine Frage ist.. Wie kann ich html code einfügen, in der diese variable, so dass es tatsächlich funktioniert als html? Gibt es eine Funktion, die ich vermisse oder ist es überhaupt möglich?

Vielen Dank im Voraus für jede Hilfe oder Ideen, die Sie haben könnten!

Wie sind Sie mit dem hinzufügen, dass der text auf der Seite? In jquery würde man etwas tun, wie $('#somewhere').html(dateString).
li.appendChild(document.createTextNode(' - ' + dateString));
Es ist Ihr problem. creatTextNode() nicht interpretieren, html-Code in den string. es ist eingefügt als Literalzeichen im text.
Gibt es eine Möglichkeit, ich kann das interpretieren von html in den string dann?
Da Sie gekennzeichnet haben diese Frage mit jquery, verwenden Sie einfach die .html() nennen. Keine Notwendigkeit, raw-dom-Operationen, wenn man auf jquery.

InformationsquelleAutor Zanrok | 2011-11-14

  1. 8

    Haben Sie diese post tagged as jquery, so können Sie etwas wie das tun:

    var monthName = 'December';
var dateMonth = 31;

var ele = $('<div></div>')
    .attr('id', 'rawr')
    .html(monthName + ' | '  + parseInt(dateMonth, 10));
$('#container').append(ele);
    Fast genau wie ich es tun würde. Obwohl jQuery erfordert nicht korrekt geschlossene tags in element-Konstruktor-syntax. So kann es einfach sein $('<div>')
    Dank Squeegy, wusste nicht, dass.
    Mit Hilfe dieser Methoden die Ergebnisse in [object object] angezeigt werden. Ich eingegeben den code wie folgt Bearbeiten.. das original [var dateString = $('<div></div>').attr('id', 'rawr') .html(monthName + ' | ' + parseInt(dateMonth, 10)); $('#container').append(dateString);] } return dateString; }
    der Beispiel-code, den ich gepostet rechnet zum Anhängen an den "container" - element. wenn Sie wieder einen datestring in einer benutzerdefinierten Funktion, dann musst du entsprechend ändern
    danke. Ich denke, dass ich es geschafft habe. Ich habe die Werte der Anzeige oben... die Funktion. Aber mit ein paar CSS-ich denke, das wird die Probleme hoffentlich. Sonst zeigt es bei [Objekt, Objekt]

    InformationsquelleAutor Jesse

  2. 5

    verwenden Sie die createElement-Funktion:

    var elm = document.createElement('div');
elm.setAttribute('id', 'rawr');
elm.innerHTML = THE_CODE_AND_TEXT_YOU_NEED_INSIDE_THE_DIV;

    wenn Sie möchten, fügen Sie es zum Dokument:

    $('MYELEMENT').append(elm);

    wo MYELEMENT (natürlich) das element, das Sie Anhängen möchten, die neue div.

    hast du nur wack $('MYELEMENT').append(elm); weil die OP hatte, tagged jquery, wo Dokument.getElementById("MYELEMENT").append(elm), würde das gleiche getan?
    Wenn Sie mit den jQuery append, die Sie wirklich nicht brauchen, zu verwenden createElement da jQuery hat ein element-Konstruktor-syntax, ist ein bisschen einfacher zu verwenden.
    Auch wenn das jQuery-Objekt-creaton-syntax sieht einfacher aus, dies vermeidet das Parsen der Bühne. Und ja, ich habe den jQuery-Teil, weil jQuery markiert wurde und die beiden Schreibweisen das gleiche tun, obwohl die letztere ist leichter zu Lesen.

    InformationsquelleAutor AlQafir

  3. 3

    Wenn Sie es wollen, ohne dass jQuery so etwas wie dies funktionieren würde:

    var divMonth = document.createElement('div');
divMonth.id = 'rawr';

divMonth.innerHTML = monthName + ' | ' + parseInt(dateMonth, 10);

document.getElementById("where_you_want_to_put_this").appendChild(divMonth);

    InformationsquelleAutor whytheplatypus

  4. 2

    Unter der Annahme, dass Sie möchten, dass die html-Struktur, um so etwas wie:

    <div id="wrapper">
 ...
  <div id="date">
   <div id="rawr">
   </div>
  </div>
</div>

    können Sie erstellen, die den html-code und fügen Sie den Inhalt mit einer Zeile:

    $("#wrapper").append('<div id="date"><div id="rawr">'+monthName+'</div> | '+parseInt(dateMonth, 10)+'</div>');

    InformationsquelleAutor Panagiotis Panagi

  5. 0

    Denke ich, könnten Sie besser dran, die Trennung Ihrer Anzeige von Ihrer Logik und update ein div-oder span (wenn Sie möchten, display inline) mit JQuery. Etwas wie das folgende.


    <div id='rawr'>
    <span id='updateme'></span>
    </div>


    <script>
    $("#updateme").html(monthName);
    </script>

    InformationsquelleAutor likestoski

Schreibe einen Kommentar