Tal vez esto es muy básico, pero estoy confundido. Tengo una página html simple con muchas secciones (div). Tengo una cadena que contiene etiquetas html en javascript. El código es el siguiente:¿Cómo extraer el contenido de las etiquetas html de una cadena usando javascript o jquery?
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript">
var str1="<html><body><div id='item1'><h2>This is a heading1</h2><p>This is a paragraph1.</p></div><div id='item2'><h2>This is a heading2</h2><p>This is another paragraph.</p></div><div id='lastdiv'>last</div></body></html>";
</script>
</head>
<body>
<div id="title1"></div>
<div id="new1"></div>
<div id="title2"></div>
<div id="new2"></div>
</body>
</html>
que desea extraer el contenido de las etiquetas HTML (de la cadena en javascript) y mostrar que el contenido en mi página HTML en las secciones deseadas.
es decir, quiero que "Este es un encabezado1" que se muestra en <div id="title1">
y "Esto es un párrafo1". para que se muestre en <div id="new1">
y lo mismo para el segundo par de etiquetas.
Necesito todo esto para trabajar solo en el lado del cliente. He intentado usar el método HTML DOM getElementByTagName y se está volviendo demasiado complicado. Sé muy poco de jquery. Y estoy confundido No entiendo cómo hacerlo. ¿Puede guiarme sobre qué usar, javascript o jquery y cómo usarlo? ¿Hay alguna forma de identificarlo desde la cadena e iterar a través de él?
Cómo extraer "This is heading1" (y contenidos similares incluidos en las etiquetas html) de str1 ?? No sé el índice de estos por lo tanto, no puede usar la función substr() o substring() en javascript.
Thnks .. Funcionó .. – user1196522