gpt4 book ai didi

javascript - document.querySelectorAll 长度始终为 0

转载 作者:数据小太阳 更新时间:2023-10-29 05:13:24 25 4
gpt4 key购买 nike

我正在尝试在 javascript 中创建一些可拖动的框。我决定在 CSS 中创建一个“可拖动”的空类和一个“框”类。代码如下:

<!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>

问题在于 tabLength 始终为零。我想要一个包含所有可拖动内容的数组。我是 javascript 的新手。我在这里错过了什么?

最佳答案

你想按类选择元素,所以不要忘记点:

var draggableStuff = document.querySelectorAll('.draggable');

另一种选择是使用 document.getElementsByClassName :

var draggableStuff = document.getElementsByClassName('draggable');

关于javascript - document.querySelectorAll 长度始终为 0,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9592026/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com