js能改css

JavaScript(JS)是一种流行的编程语言，可以用于创建交互式网页和应用程序。CSS是一种用于定义网页样式的语言，但是JS可以通过修改CSS来创建一些有趣的交互式效果。

CSS可以通过修改样式来改变网页的外观和布局，但是JS可以用于创建交互式元素，例如通过JS创建按钮、表单等，这些元素可以与CSS样式结合使用，让网页更加交互式。通过JS，可以实现许多有趣的效果，例如通过JS动态修改CSS样式，创建动态的网页交互效果。

下面是一个示例，展示如何使用JS来修改CSS样式：

```html

!DOCTYPE html>

html>

head>

title> JS 修改 CSS/title>

style>

body {

background-color: #f2f2f2;

font-family: Arial, sans-serif;

#login-form {

background-color: #fff;

border-radius: 5px;

padding: 20px;

/style>

/head>

body>

div id="login-form">

form>

input type="text" placeholder="Username" required>

input type="password" placeholder="Password" required>

button type="submit"> Login/button>

/form>

/div>

script>

document.getElementById("login-form").addEventListener("submit", function() {

// 获取输入框和按钮的值

var username = document.getElementById("username").value;

var password = document.getElementById("password").value;

// 修改样式，使输入框和按钮的背景颜色分别为蓝色和红色

document.getElementById("username").style.background = "#3399ff";

document.getElementById("password").style.background = "#ff3399";

document.getElementById("login-form").style.background = "#fff";

} );

/script>

/body>

/html>

在这个示例中，我们首先定义了一个包含登录表单的div元素，并添加了一些CSS样式，以确保表单的外观和布局。然后，我们添加了一个“submit”事件监听器，当用户点击登录按钮时，我们获取输入框和按钮的值，然后使用JavaScript动态修改样式，使输入框和按钮的背景颜色分别为蓝色和红色。

通过使用JS，我们可以轻松地修改CSS样式，创建有趣的交互式效果，从而增强网页的用户体验。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！