innerHTML类

Question

我正在使用javascript函数，该函数从<input type="text" />获取值，然后将其作为文本写入而不作为输入。我使用innerHTML执行此操作，它完美无缺。

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

编写的文本的颜色和大小

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

谢谢！

Answer 1

JavaScript的：

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

CSS：

.foo {
    color: #F00;
    font-size: 2em;
}

---

  

或更高级：elem.classList.add( 'foo' );（通常，IE通过条件评论获得polyfill。）
   - ŠimeVidas

Answer 2

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

#element{
    color: #000000;
    font-size: 24px;
    font-family: sans-serif;
}

把这些价值弄得一团糟，直到它适合你。

Answer 3

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

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

你可以打电话

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

css-style是一个css-declaration。请注意，它们不是连字符，而是使用CamelCase标注 - ＆gt; backgroundColor代替background-color。

Firebug可以为您提供内容帮助