javascript - register_post_type - Insertar HTML en un div

register_post_type labels

Question

Estoy tratando de insertar un trozo de HTML en un div. Quiero ver si el modo JavaScript es más rápido que usar jQuery. Desafortunadamente, olvidé cómo hacerlo de la ''vieja'' manera. :PAG

var test2 = function(){
    var cb = function(html){
        var t1 = document.getElementById("test2");
        var d = document.createElement("div");
        d.id ="oiio";
        d.innerHtml = html;
        t1.appendChild(d);
        console.timeEnd("load data with javascript");
    };
    console.time("load data with javascript");
    $.get("test1.html", cb);
}

¿Qué estoy haciendo mal aquí chicos?

editar :
Alguien me preguntó cuál es más rápido, jquery o js simple, así que escribí una prueba:
http://jsperf.com/html-insertion-js-vs-jquery

plain js es 10% más rápido

Answer 1

Creo que esto es lo que quieres:

document.getElementById(''tag-id'').innerHTML = ''<ol><li>html data</li></ol>'';

Tenga en cuenta que innerHTML no es accesible para todos los tipos de etiquetas cuando se usa IE. (elementos de tabla por ejemplo)

Answer 2

El uso de JQuery solucionaría la incoherencia de ese navegador. Con la biblioteca jquery incluida en su proyecto, simplemente escriba:

$(''#yourDivName'').html(''yourtHTML'');

También puedes considerar usar:

$(''#yourDivName'').append(''yourtHTML'');

Esto agregará su galería como el último elemento en el div seleccionado. O:

$(''#yourDivName'').prepend(''yourtHTML'');

Esto lo agregará como el primer elemento en el div seleccionado.

Consulte los documentos de JQuery para estas funciones:

• http://api.jquery.com/append/
• http://api.jquery.com/prepend/

Answer 3

Y muchas líneas pueden verse así. El html aquí es solo muestra.

var div = document.createElement("div");

div.innerHTML =
    ''<div class="slideshow-container">/n'' +
    ''<div class="mySlides fade">/n'' +
    ''<div class="numbertext">1 / 3</div>/n'' +
    ''<img src="image1.jpg" style="width:100%">/n'' +
    ''<div class="text">Caption Text</div>/n'' +
    ''</div>/n'' +

    ''<div class="mySlides fade">/n'' +
    ''<div class="numbertext">2 / 3</div>/n'' +
    ''<img src="image2.jpg" style="width:100%">/n'' +
    ''<div class="text">Caption Two</div>/n'' +
    ''</div>/n'' +

    ''<div class="mySlides fade">/n'' +
    ''<div class="numbertext">3 / 3</div>/n'' +
    ''<img src="image3.jpg" style="width:100%">/n'' +
    ''<div class="text">Caption Three</div>/n'' +
    ''</div>/n'' +

    ''<a class="prev" onclick="plusSlides(-1)">&#10094;</a>/n'' +
    ''<a class="next" onclick="plusSlides(1)">&#10095;</a>/n'' +
    ''</div>/n'' +
    ''<br>/n'' +

    ''<div style="text-align:center">/n'' +
    ''<span class="dot" onclick="currentSlide(1)"></span> /n'' +
    ''<span class="dot" onclick="currentSlide(2)"></span> /n'' +
    ''<span class="dot" onclick="currentSlide(3)"></span> /n'' +
    ''</div>/n'';

document.body.appendChild(div);

Answer 4

Yo uso "+" (más) para insertar div en html:

document.getElementById(''idParent'').innerHTML += ''<div id="idChild"> content html </div>'';

Espero que esto ayude.