Javascript innerHTML类

我正在使用一个javascript函数，它从

中获取一个值，然后将其作为文本写入，而不作为输入。我使用

innerHTML

来实现这一点，它工作得非常完美

我的问题是：如何使用CSS类编辑我正在使用

innerHTML

var element = document.getElementById("element");
var value = document.getElementById("value").value;
element.innerHTML = value;

谢谢大家!

JavaScript：

element.className = 'foo';
// or
element.className += ' foo';

CSS:

---

---

或者更高级：

elem.classList.add（'foo'）（与往常一样，IE通过条件注释获取结果。）

–西蒙·维达斯

JavaScript:

element.className = 'foo';
// or
element.className += ' foo';

CSS:


或者更高级：
elem.classList.add（'foo'）（与往常一样，IE通过条件注释获取结果。）

–西蒙·维达斯

如果元素的ID为“element”，只需添加以下css：

#元素{
颜色：#000000；
字体大小：24px；
字体系列：无衬线；
}

并将值弄乱，直到它适合您。
如果您的元素ID为“element”，只需添加以下css：

#元素{
颜色：#000000；
字体大小：24px；
字体系列：无衬线；
}

使用JS，您可以直接操作css，而无需额外的类（此外，您已经有了ID，可以在…）上使用样式：
选择元素后

var el = document.getElementById("element");

你可以打电话

el.style.<css-style> = ...;

el.style.=。。。；

css样式是一个css声明。请注意，它们没有连字符，而是用CamelCase->
backgroundColor
而不是
backgroundColor
表示

Firebug可以为您提供内容帮助，使用JS，您可以直接操作css，而无需额外的类（此外，您已经有了ID，您可以在…）上使用样式：
选择元素后

var el = document.getElementById("element");

你可以打电话

el.style.<css-style> = ...;

el.style.=。。。；

css样式是一个css声明。请注意，它们没有连字符，而是用CamelCase->
backgroundColor
而不是
backgroundColor
表示

Firebug可以为您提供内容帮助，建议您使用
element.textContent=value取而代之。修改
innerHTML
很麻烦。我建议使用
element.textContent=value取而代之。修改
innerHTML
很讨厌。或者更高级：
elem.classList.add（'foo'）（通常，IE通过条件注释获取）或者更高级的：
elem.classList.add（'foo'）（与往常一样，IE通过条件注释获取结果。）