Javascript queryselector（“查询选择器”）.textContent不'；不行，不知道为什么

一般来说，我对Javascript和编程非常陌生，所以我正在尝试构建一个简单的数学应用程序来进行一些实践。我能够让代码按预期工作，但前提是我在定义变量时不放置

.textContent

，然后再放置它们，但这是笨拙和枯燥的。如果我将它们放入变量中，html在空跨度中不会返回任何内容（代码中的所有ID都是空跨度），因此这就像页面加载一样，然后它不会使用Javascript计算的值进行更新？如何在不必在第二部分每次都添加

.textContent

的情况下捕获变量中的内容

我尝试使用

.value

而不是

textContent

。只有将

.textContent

添加到第二部分，并将其从第一部分中删除，数字才会正常生成并呈现在页面上

页面加载时，startNumber范围为空：

var startNumber=document.querySelector（“#startNumber”）.textContent；
startNumber=Math.floor（（Math.random（）*20）+1）；

页面加载时，startNumber跨度的随机数介于1和20之间：

var startNumber=document.querySelector（“#startNumber”）；
startNumber.textContent=Math.floor（（Math.random（）*20）+1）；

---

我希望两者都能工作，但只有第二个能工作，这意味着每次我引用span中的数字时都必须编写

.textContent

。

只有对象和数组是引用，字符串作为值传递/复制

querySelector（“#startNumber”）是一个对象，一个引用。 document.querySelector（“#startNumber”）.textContent是一个字符串，而不是引用

---

请参阅：

只有对象和数组是引用，字符串作为值传递/复制

querySelector（“#startNumber”）是一个对象，一个引用。 document.querySelector（“#startNumber”）.textContent是一个字符串，而不是引用

请参阅：

document.querySelector（“#startNumber”）。textContent

只是一个普通字符串。无法从中引用范围。因此，在第一个版本中，您只需为变量

startNumber

分配一个字符串，然后在下一行重新分配它（一个

number

）。在第二个版本中，

startNumber

是实际的span元素，您可以通过分配给

startNumber.textContent

document.querySelector（“#startNumber”）。textContent

只是一个普通字符串来设置它的内容。无法从中引用范围。因此，在第一个版本中，您只需为变量

startNumber

分配一个字符串，然后在下一行重新分配它（一个

number

）。在第二个版本中，

startNumber

是实际的span元素，您可以通过分配给

startNumber.textContent

来设置它的内容。