Código de JavaScript - Manejo de etiquetas por nombre e indexado

Pos: 4

Val: 2.019

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

Manejo de etiquetas por nombre e indexado

JavaScript

Publicado el 19 de Noviembre del 2016 por Scriptshow (141 códigos)

1.856 visualizaciones desde el 19 de Noviembre del 2016

Tan sencillo como indicarle a la función JavaScript un índice para que la etiqueta definida en el DOM cambie de clase CSS. Un evento y la función correspondiente se encargan de enviar el número para localizar la posición que ocupa la etiqueta en la estructura HTML...

mostrar-ocultar-contenido

Requerimientos

Un navegador web o dispositivo compatible.

1.0

Actualizado el 27 de Noviembre del 2016 (Publicado el 19 de Noviembre del 2016)

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

1.857 visualizaciones desde el 19 de Noviembre del 2016

<!doctype html>

<html>

<head>

<style>

h2 {background:#EFEFEF;cursor:pointer}

.show {color:darkblue;display:block}

.hide {color:transparent;display:none}

</style>

<script>

function test(o)

var obj = document.getElementsByTagName("div")[o];

obj.className = obj.className == "hide" ? "show" : "hide";

</script>

</head>

<body>

<h2 OnClick="test(0)">

+ información 1.

</h2>

<div class="hide">

<i>C O N T E N I D O - 1.</i><br><b>Al pulsar se muestra lo que pongas aquí...</b>

</div>

<h2 OnClick="test(1)">

+ información 2.

</h2>

<div class="hide">

<i>C O N T E N I D O - 2.</i><br><b>Al pulsar se muestra lo que pongas aquí...</b>

</div>

</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/s3760

Cadena de texto aleatorio onmousemove

Mostrar ocultar contenidos, objetos, etc.

Código de JavaScript - Manejo de etiquetas por nombre e indexado

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.