Estoy tratando de crear algunos cuadros que se puedan arrastrar en javascript. Decidí hacer una clase vacía "arrastrable" en CSS y una clase "box". El código es el siguiente:document.querySelectorToda la longitud es siempre 0
<!DOCTYPE html>
<html>
<head>
<style>
.draggable
{
}
.box
{
position: absolute;
width: 80px; height: 60px;
padding-top: 10px;
text-align: center;
font-size: 40px;
background-color: #222;
color: #CCC;
}
</style>
</head>
<body>
<div class="draggable box">1</div>
<div class="draggable box">2</div>
<div class="draggable box">3</div>
<script>
var draggableStuff = document.querySelectorAll('draggable');
var tabLength = draggableStuff.length;
alert(tabLength);
</script>
</body>
El problema es que tabLength es siempre cero. Quiero obtener una matriz llena de todas las cosas arrastrables. Soy nuevo en javascript. ¿Qué me he perdido aquí?
Gracias mucho! ¡Funciona! – Michael
@Michael Np. Consejo para la próxima vez, antes de preguntar por qué algo no funciona, asegúrese de haber leído la documentación correcta. Para JavaScript/CSS/HTML, Mozilla Developer Network es generalmente bueno. Agregue 'mdn' a su consulta de búsqueda, ej. ['querySelectorAll mdn'] (http://www.google.com/search?q=mdn+querySelectorAll), y a menudo obtiene los documentos correctos de inmediato: https://developer.mozilla.org/En/DOM/Document .querySelectorAll –
@Rob W: Puede que desee corregir el 'BY' en' document.getElementsBYClassName'. –