Sto provando a creare alcune caselle trascinabili in javascript. Ho deciso di creare una classe vuota "trascinabile" in CSS e una classe "scatola". Il codice è il seguente:document.querySelectorTutta la lunghezza è sempre 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>
Il problema è che tabLength è sempre zero. Voglio avere un array pieno di cose trascinabili. Sono nuovo di javascript. Cosa mi sono perso qui?
Thanks a lot! Funziona! – Michael
@ Michael Np. Suggerimento per la prossima volta, prima di chiedere perché qualcosa non funziona, assicurarsi di aver letto la documentazione corretta. Per JavaScript/CSS/HTML, la rete di sviluppatori Mozilla è generalmente buona. Aggiungi 'mdn' alla tua query di ricerca, ad es. ['querySelectorAll mdn'] (http://www.google.com/search?q=mdn+querySelectorAll), e ottieni spesso i documenti giusti immediatamente: https://developer.mozilla.org/En/DOM/Document .querySelectorAll –
@Rob W: Potrebbe voler correggere 'BY' su' document.getElementsBYClassName'. –