Javascript document.querySelector问题

在下面的代码中，document.querySelector（）为什么返回null

var element = document.createElement('div');
element.classList.add('abc');
var test = document.querySelector("." + element.className);

---

您需要添加一个

var test = document.querySelector("."+element.className);

编辑

您还需要将其添加到正文中

document.body.appendChild(element); 

---

请参见

您需要添加一个

var test = document.querySelector("."+element.className);

编辑

您还需要将其添加到正文中

document.body.appendChild(element); 

看

在将div附加到DOM元素之前，它不是DOM的一部分

在类字符串上使用querySelector时，需要在前面添加一个点：

document.querySelector（“.”+element.className）

附加div的DOM元素必须存在，才能访问它

window.onload=function（）{//body存在
var-element=document.createElement（'div'）；
element.classList.add（'abc'）；
var test=document.querySelector（“.”+element.className）；
log（test，element.className）；
document.body.appendChild（元素）；//现在DIV存在于DOM中
test=document.querySelector（“.”+element.className）；
控制台日志（测试）；
}

在将div附加到DOM元素之前，它不是DOM的一部分

在类字符串上使用querySelector时，需要在前面添加一个点：

document.querySelector（“.”+element.className）

附加div的DOM元素必须存在，才能访问它

window.onload=function（）{//body存在
var-element=document.createElement（'div'）；
element.classList.add（'abc'）；
var test=document.querySelector（“.”+element.className）；
log（test，element.className）；
document.body.appendChild（元素）；//现在DIV存在于DOM中
test=document.querySelector（“.”+element.className）；
控制台日志（测试）；
}

元素尚未添加到dom中。我认为您应该有document.querySelector（“div.abc”）；另外，我希望您需要

var test=document.querySelector（“.”+element.className）元素还没有添加到dom中。我认为您应该有document.querySelector（“div.abc”）；另外，我希望您需要
var test=document.querySelector（“.”+element.className）