javascript - 如何在 document.createElement ("span"之后将文本添加到 span 中)；？

Question

我正在尝试使用函数 .text() 将文本写入元素范围，但出现此错误UncaughtTypeError: undefined is not a function，我也试过 function append(), innerHtml(), createTextNode() 都没有成功。

我做错了什么？

var closeSpan = document.createElement("span");
closeSpan.setAttribute("class","sr-only");
closeSpan.text("Close"); //UncaughtTypeError: undefined is not a function

或

var closeSpan = document.createElement("span");
closeSpan.setAttribute("class","sr-only");
closeSpan.append("Close"); //UncaughtTypeError: undefined is not a function

Answer 1

由于您是从纯 DOM 代码开始的，我建议您继续使用纯 DOM 代码:

var closeSpan = document.createElement("span");
closeSpan.setAttribute("class","sr-only");
closeSpan.textContent = "Close";

换句话说，只要设置textContent到你想要的值。

如果与 IE 8 或更早版本的兼容性对您很重要，请注意 textContent 对于那些较旧的浏览器不存在。对于那些较旧的，您必须使用 innerText(适用于 IE 8 但不属于任何标准)或 innerHTML。有关这些字段之间差异的讨论，请参阅 textContent 上的 MDN 页面(我在上面链接)。