使用javascript或css更改html5中变量的颜色和权重

我在javascript文件中有这个变量：

var nombre = document.getElementById('nombre').value;

“nombre”位于html文件中：

Nombre: <input type="text" name="name_control" id="nombre" autofocus required />

---

改用

span

    var span= document.createElement('span');
     span.innerHTML = nombre+" ";
    //set the color and font weight before appending to dom
    span.style.color = "red";
    span.style.fontWeight = "bold";
    span.style.fontSize  = "large";

---

你能提供更多的细节吗？是否要更改输入元素、标签或其他内容的样式（文本颜色和大小）？你指的是什么名单？什么名单？你有CSS方面的经验吗？更改大多数内容的颜色非常简单。@mason81当我将写入的文本保存到变量中时，我想更改存储在该变量中的文本样式。您能举个例子吗？比如：“如果我在nombre输入框中输入'blue'，我想将文本框的样式更改为'blue'”，你实际上想做什么还不是很清楚。也许可以用更多的代码编辑您的问题，以提供更多关于您所拥有的内容的上下文，并更好地解释您试图对其执行的操作。无法将未定义的属性“fontWeight”设置为与颜色和颜色相同fontsize@Manumarigle在必须创建span的位置尝试此操作？@Manumarigle使用span而不是文本节点，文本节点本身没有任何样式！！非常感谢。

    var span= document.createElement('span');
     span.innerHTML = nombre+" ";
    //set the color and font weight before appending to dom
    span.style.color = "red";
    span.style.fontWeight = "bold";
    span.style.fontSize  = "large";