let x = 1;
let y = 'div[class = "log-viewer"] > p:nth-child(' + x.toString() + ')';
let var1 = document.querySelector(y);
当我这样做时，var1 = null。这让我很困惑，因为如果我打出包含在 y 到.querySelector函数中，我收到了相应的输出。有人知道这是为什么吗？我的最终目标是能够把querySelector放在一个循环中，这样我就可以把每一个子函数放到一个数组中。
我想可能是查询和页面出了问题。
如果你点击蓝色按钮来运行代码片段，你会看到你的代码工作了
let x = 1;
let y = 'div[class = "log-viewer"] > p:nth-child(' + x.toString() + ')';
let var1 = document.querySelector(y);
console.log('here is the value', var1 && var1.innerText)<body>
<div class="log-viewer">
<p>p1</p>
<p>p2</p>
</div>
</body>