javascript - 在 createTextNode() 之后更改字体

Question

我需要更改由 createTextNode() 函数创建的元素的字体:

var s = document.createTextNode(item.text);
s.setAttribute("font size") = -1;
elem.appendChild(s);

在我的代码中，我在 Firebug 上遇到错误:

s.setAttribute is not a function

如何更改创建元素的字体？

Answer 1

您没有在文本节点上指定字体，而是在父元素上指定字体 - 在您的情况下:

elem.style.fontSize = "20px";

如果您不想更改整个父元素的字体大小，您可以创建一个 <span>环绕文本节点的元素:

var span = document.createElement('span');
span.style.fontSize = "20px";
span.appendChild(s);
elem.appendChild(span);