javascript - 将 span 标签插入 div 时出现问题

Question

所以，我目前正在上课以开始在编码行业的职业生涯，并且我坚持这个练习:

在下面的 div 中，插入一个 span 标签，它有一个 content 的类名，并写着“You got this!”。

<div id="wrapper"></div>

我已经做了几天了，这是我认为迄今为止最好的尝试。

var span = document.createElement('span');
span.className = 'content';
var text = document.createTextNode("You got this!");
wrapper.appendChild(text);
document.getElementById('wrapper').appendChild(span);

如有任何帮助，我们将不胜感激。

Answer 1

您需要将文本附加到 span 变量，而不是“包装器”:

span.appendChild(text);

var span = document.createElement('span');
span.className = 'content';
var text = document.createTextNode("You got this!");
span.appendChild(text);
document.getElementById('wrapper').appendChild(span);

<div id="wrapper"></div>

更简单的答案:

附带说明一下，您也可以直接在文档中插入文本，而不必像这样使用第二个变量:

var span = document.createElement('span');
span.className = 'content';
document.getElementById('wrapper').appendChild(span);
span.innerHTML = 'You got this!';

<div id="wrapper"></div>

这是 JSFiddle .