Código de JavaScript - querySelector

Código de JavaScript - querySelector - querySelectorAll

Pos: 4

Val: 2.019

Ha mantenido su posición en JavaScript (en relación al último mes)

querySelector - querySelectorAll

JavaScript

Actualizado el 28 de Agosto del 2018 por Scriptshow (141 códigos) (Publicado el 26 de Agosto del 2018)

1.547 visualizaciones desde el 26 de Agosto del 2018

Ejemplos sencillos y compatibles para utilizar querySelector - querySelectorAll. No serán necesarias "librerías - framework" para este menester. Los métodos y funciones las interpreta directamente cualquier navagador web.

Espero sea útil.

Un saludo

Requerimientos

Un navegador web y/o dispositivo compatible.

1.0

Actualizado el 29 de Agosto del 2018 (Publicado el 26 de Agosto del 2018)

gráfica de visualizaciones de la versión: 1.0

1.548 visualizaciones desde el 26 de Agosto del 2018

Versión 1.0 experimental.

<!DOCTYPE html>

<html>

<head>

<title>querySelector</title>

</head>

<body>

<ol>

  <li>Texto 1</li>

  <li>Texto 2</li>

  <li>Texto 3</li>

  <li>Texto 4</li>

</ol>

<ul>

  <li>Otros 1</li>

  <li>Otros 2</li>

</ul>

<input type="button" value="T e s t" id="btn">

<script>

onload=function()

var obj=document.querySelector("#btn");

obj.onclick=test;

function test()

var obj=document.querySelectorAll("ol li");

for(var x=0;x<obj.length;x++)

obj[x].style.backgroundColor='#0df';

</script>

</body>

</html>

Comentarios sobre la versión: 1.0 (0)

No hay comentarios

Comentar la versión: 1.0


Nombre

Correo (no se visualiza en la web)

Valoración

Comentarios...

CerrarCerrar

Es necesario revisar y aceptar las políticas de privacidad

Acepto las políticas de privacidad

http://lwp-l.com/s4773

Objeto Mouse

Scroll Overflow controlado por JavaScript

Código de JavaScript - querySelector - querySelectorAll

Requerimientos

1.0

Comentarios sobre la versión: 1.0 (0)

Comentar la versión: 1.0

Tienes que ser un usuario registrado para poder insertar imágenes, archivos y/o videos.