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