jhonPariona / _curso-javascript-fernando

Aprende el lenguaje de programación web más popular paso a paso Con Proyectos, inc. Electron React MongoDB Node Express

JavaScript Moderno Guía Definitiva Construye +15 Proyectos

• Incrustar js

//antes de cierre body
<script>
  console.log('JS incrustado');
</script>

//externo tbn antes del cierre de bbody
<script src='path/archivo.js'></script>

• crear string Existen 3 formas

  const name = "string a guardar";
  const name = String("string a guardar");
  const name = new String("string a guardar");

  • obtener tamaño con length variableString.length
  • remplaza con replace
  • corta con slice(si le pasas primero un numero menor no hace nada) y substring(si le pasas primero un numero menor los invierte) slice(indiceInicioIncluido, indiceFinalExcluido)

DOM

Interfaz stándar que nos ayuda a acceder a los elementos de una página

Udmy note recorrer dom

document es todo el HTML que tenemos desde el Doctype, head, body

• getElementsByClassName retorna un html collections con los elementos que tienen la clase indicada.
• getElementById retorna un elemento que es el elementoq tienene el id
• querySelector retorna solo un elemento y hacemos usao de los selectores de css
• querySelectorAll Lo mismo que querySelector solo que retorna un nodeList con todos los elementos
• modificarcontenido elemento Para modificar usamos uno de los siguientes propiedades y lo igualamos al texto que queremos ingresar
  • innerText si el texto esta oculto no lo recupera
  • textContent si recupera textos ocultos
  • innerHTML recupera HTML
• Modificar el css
  • style

elemento.style.propiedadCSSCamelCase = "valor";

• modificar clase

elemento.classList.add("nueva-clase");
elemento.classList.remove("nueva-clase");

• traversing

  • acceder a los hijos
    • elemento.childNodes lista todos los elementos incluido los espacios