Question

  newNode = document.createElement("span");
  newNode.innerHTML = "text";
  range.insertNode(newNode);

是否可以使用红色背景颜色制作innerHTML中的文本？我想将style =“background-color：red”添加到刚创建的span中。可能吗？或者它必须有一些ID，然后我可以用jQuery更改此范围？

Answer 1

足够简单： -

newNode.style.backgroundColor = "red";

Answer 2

最好为span

指定一个类名

<style>
    .spanClass { background-color: red; }
</style>

newNode.className = "spanClass";

Answer 3

这对我有用：

 1    abc        3
 2    def        1
 3    xyz        4

OR

使用var spanTag1 = document.createElement('span'); spanTag1.innerHTML = '<span style="color:red">text</span>';添加class并将js设置为css

class

现在将var spanTag1 = document.createElement('span'); spanTag1.className = "mystyle";设置为style

class

Answer 4

您可以将属性直接添加到DOM对象。样式属性也可以通过这种方式分配。示例：

var span = document.createElement("span");
span.setAttribute("style","color:white;background-color:red;");

var text = document.createTextNode("My text");
span.appendChild(text);

当然，您必须将创建的该元素添加到页面中其父对象中：

var parent = document.getElementById("parentObject");
parent.appendChild(span);

此方法“ setAttribute（）”使您可以将动画和自定义jquery选项使用的其他非标准属性添加到HTML标准标记中。

JavaScript：如何更改创建的span的CSS样式？

4 个答案: