querySelector不工作

Question

我试图在创建这个类后立即捕获它，但这段代码总是注销:result: null。为什么会这样呢？

let classname = (player == 0) ? ("computerCardholder") : ("userCardholder")
const cardholder = document.createElement("div");
    cardholder.className = classname
    d = document.querySelector(classname)
    console.log("results:   ", d)

Answer 1

类的CSS选择器是您正在使用的.className (您在开始处遗漏了点)。

尝试：

d = document.querySelector("." + classname)

Answer 2

三进制行的格式应该是这样的：

condition ? expr1 : expr2

去掉括号。

let classname = player === 0 ? "computerCardholder" : "userCardholder";

另外，此行的格式应如下所示：

d = document.querySelector("." + classname);

Answer 3

你把持卡人的div附在正文上了吗？另外，既然已经有了对document.querySelectory的引用，为什么还要使用它呢

let player = 0;
let className = player === 0? 'computerCardholder' : 'userCardholder';
const cardholder = document.createElement('div');
cardholder.className = className;
document.body.appendChild(cardholder);

// Why not use: d = cardholder;
let d = document.querySelector('.' + className);
console.log('results    ', d);