querySelector不工作

Question

我正在尝试在创建它时立即捕获此类，但此代码始终注销：结果：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，您只使用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);