Javascript 低调的风格
根据： 编写良好的JavaScript代码应该包含尽可能少的CSS 我想知道在下面的演示中是否可以使用Javascript 低调的风格,javascript,html,css,Javascript,Html,Css,根据： 编写良好的JavaScript代码应该包含尽可能少的CSS 我想知道在下面的演示中是否可以使用类或类似的方法： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Edit Element Style</title> <style> div { width: 100px;
类<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Edit Element Style</title>
<style>
div {
width: 100px;
height: 100px;
background: #000000;
}
</style>
</head>
<body>
<div id="div"></div>
<input type="text" id="input" value="#000000">
<script>
document.getElementById('input').oninput = function () {
document.getElementById('div').style.background = this.value;
};
</script>
</body>
</html>
编辑图元样式
div{
宽度：100px；
高度：100px；
背景：#000000；
}
document.getElementById（'input'）。oninput=function（）{
document.getElementById（'div'）.style.background=this.value；
};
要总结评论中的答案，在这种情况下，由于您根据大量可能的用户输入动态更改样式，因此使用JavaScript修改CSS是合适的。正如文章所说，您应该尽可能少地这样做，但在这种情况下，这样做是有意义的。不，不是真的，在您的情况下，无论用户在中键入什么作为背景，都没有必要使用类这样做，也不可能这样做。还要注意的是，它说的是“尽可能少”，并不是说永远不应该使用javascript应用样式。@adeneo：“也不可能”–当然可能，但正如你所说的，在这里这样做没有什么意义。@CBroe-我想任何事情都有可能，但这意味着每个十六进制颜色都有一个类，对于红色、
绿色url（image.png）