使用 Javascript 使用 span 类更改 HTML 中的文本

Question

我正在尝试使用 JavaScript 函数来使用类名更改 html 跨度中的文本，但不起作用。 有一个带有文本“我的任务”的元素，我正在尝试编写我认为将是一个简单的 JS 函数来更改文本，但无法弄清楚。

 console.log('forgot my JavaScript here');

 .helpme { color: red; font-size: 2em; }

 <div class="helpme">I need html here please</div>

Answer 1

为了帮助 javascript 找到元素，给它一个 id：

<span id="foobar" class="toolbartitle">My Tasks</span>

然后做

document.getElementById("foobar").innerHTML = "New Text!";

请注意，使用类来查找元素是危险的，因为通常类不是唯一的，而 id 的存在是唯一的，尽管 HTML 不会阻止您复制它们。

Answer 2

请记住，使用该类您可以自定义多个元素

例子：

 document.querySelector('.your-class').textContent = "Test 2";

 <span class="your-class">Test 1</span>

您可以在此处找到有关querySelector属性的更多信息： Document.querySelector()