javascript - 内部HTML类

我正在使用一个 javascript 函数，该函数从 <input type="text" /> 获取值。然后将其写为文本而不是输入。我使用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:

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

<小时/>

Or, more advanced: elem.classList.add( 'foo' ); (As usual, IE gets the polyfill via conditional comments.)
– Šime Vidas

关于javascript - 内部HTML类，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/9083508/