Pregunta:
Fecha: 03-03-2019 10:43:09
(En Español)
como lo hago para enumerar los subtitulos con Javascript? Les estaría super agradecida...[No resuelta]
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8">
<title>Temas</title>
<style media="screen">
body {
font-family: 'Helvetica', sans-sarif;
}
</style>
</head>
<body>
<h1>Temas</h1>
<h2>Javascript</h2>
<h3>Introducción</h3>
<p>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
</p>
<h3>Generalidades</h3>
<p>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
</p>
<h2>PHP</h2>
<h3>Introducción al PHP</h3>
<p>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. Cet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
</p>
<h3>Las Variables</h3>
<p>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
</p>
<h2>MySQL</h2>
<h3>Introducción</h3>
<p>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
</p>
<h3>Json con MySql</h3>
<p>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
</p>
<script type="text/javascript">
"use strict";
window.addEventListener("load", function() {
const h2 = document.querySelectorAll("H2");
for (var i = 0; i < h2.length; i++) {
let text ="";
var x = document.getElementsByTagName('H2')[i].innerText;
console.log('h2 index: ', i);
console.log('h2 text: ', x);
text += (i+1) + ' ';
text += x;
//tema_erledigt[i]=true;
document.getElementsByTagName('H2')[i].innerHTML = text;
/* loop interno*/
const _p = document.querySelectorAll("p");
console.log(_p);
if(i<1){ //aqui este valor no lo sé conseguir
const anzahl = document.querySelectorAll("H3");
for(var j=0; j < anzahl.length; j++){
let text2="";
var titel = document.getElementsByTagName('H3')[j].innerText;
console.log('index: ', i + j );
console.log('Titel: ', titel);
text2 += (i+1)+''+(j+1) + ' ';
text2 += titel;
document.getElementsByTagName('H3')[j].innerHTML = text2;
}
}
/* -- loop interno-- */
}
}, false);
</script>
</body>
</html>
Votos: 1 -
Respuestas: 2 -
Vistas: 10
Compartir en: Google
Facebook
Twitter
LinkedIn
Link
Respuestas:
-
Fecha: 04-03-2019 14:01:59 No entiendo la pregunta
¿listar los elementos hN?
Con jquery usted puede hacer algo como ésto:
var $suntitulos = $("h1, h2, hN")
Eso le devuelve un array con los elementos que coinciden con el selector.
No se fije en el signo dólar en la variable. Es sólo una convención para que un programador reconozca de manera visual que eso viene de jquery.
Con javascript puro usted puede usar el mismo selector y llamar a querySelectorAll (método de document) pasando dicho selector como argumento.
Le aconsejo que primero mapee la colección devuelta por el método en un array porque cualquier cambio en un item de la colección hace decrecer dicha colección y si debe iterar y modificar al mismo tiempo será un problema Votos: 1 - Link respuesta -
Fecha: 04-03-2019 14:52:07 Gracias Sr. Sanabria, Mi problema es listar los h3 por cada h2 por separado y eso en javascript puro, no en jQuery...
También se puede solucionar con css, pero yo quiero saber iterando los elementos de la lista.. Gracias por ayudarme Votos: 0 - Link respuesta
Para participar activamente de la comunidad primero debes autenticarte, ingresa al sistema.Iniciar Sesión
