document.querySelector問題

Question

在以下代碼中，為什么document.querySelector（）返回null？

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

Answer 1

您需要添加一個.

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

編輯

您還需要將其添加到正文

document.body.appendChild(element); 

參見http://codepen.io/jammer99/pen/dMmXYL

Answer 2

1. 除非將div附加到DOM元素，否則它不屬於DOM。
2. 您需要在前面添加一個點以在類字符串上使用querySelector： document.querySelector("."+element.className)
3. 您將div附加到的DOM元素必須存在才能訪問。

 window.onload=function() { // body exists var element = document.createElement('div'); element.classList.add('abc'); var test = document.querySelector("."+element.className); console.log(test,element.className); document.body.appendChild(element); // NOW the DIV exists in DOM test = document.querySelector("."+element.className); console.log(test); }