Javascript .text在javascript中赋值

Question

我正在尝试将一些依赖于jQuery的can更改为纯JS，我想知道如何翻译这个：

$("#mydiv .car span").text(myVariable);

在纯JS中，上面的代码是什么？

Answer 1

您可以像这样使用document.querySelector()和textContent来完成它：

document.querySelector("#mydiv .car span").textContent = myVariable;

或者像这样使用innerText：

document.querySelector("#mydiv .car span").innerText = myVariable;

document.querySelector()

返回与指定选择器或选择器组匹配的文档中的第一个元素。

这使得它类似于jQuery，有可能使用这种选择器。