gpt4 book ai didi

javascript - 不显眼的造型

转载 作者:太空宇宙 更新时间:2023-11-04 13:17:20 26 4
gpt4 key购买 nike

根据 this article :

well-written JavaScript code should contain as little CSS as possible

我想知道我是否可以在下面的演示中使用 class 或类似的方法:

<!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>

DEMO

最佳答案

总结评论中的答案,在这种情况下,由于您要根据大量可能的用户输入动态更改样式,因此使用 JavaScript 修改 CSS 是合适的。正如文章所说,您应该尽可能少地这样做,但在这种情况下这是有道理的。

关于javascript - 不显眼的造型,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23718198/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com