js根据id循环添加class
时间: 2023-09-30 15:04:19 浏览: 35
可以使用以下代码来实现:
```javascript
var elements = document.querySelectorAll('#id'); // 获取所有 id 为 id 的元素
for (var i = 0; i < elements.length; i++) {
elements[i].classList.add('class'); // 添加 class
}
```
其中,`#id` 是你要操作的元素的 id,`class` 是你要添加的 class。这段代码会获取所有 id 为 `id` 的元素,然后循环遍历它们,依次添加 `class`。
相关问题
jsp 根据数据库内容循环生成onclick事件
以下是一个简单的示例,可以帮助你在 JSP 中循环生成 onclick 事件:
```
<%
// 连接数据库并获取数据
Connection conn = null;
Statement stmt = null;
ResultSet rs = null;
try {
Class.forName("com.mysql.jdbc.Driver");
conn = DriverManager.getConnection("jdbc:mysql://localhost/mydatabase", "root", "");
stmt = conn.createStatement();
rs = stmt.executeQuery("SELECT * FROM mytable");
} catch (Exception ex) {
ex.printStackTrace();
}
// 循环生成 onclick 事件
while (rs.next()) {
String id = rs.getString("id");
String name = rs.getString("name");
%>
<button onclick="myFunction('<%=id%>', '<%=name%>')">Click me</button>
<%
}
// 关闭连接
try {
rs.close();
stmt.close();
conn.close();
} catch (Exception ex) {
ex.printStackTrace();
}
%>
```
在上面的示例中,我们首先连接到数据库并获取数据,然后在循环中使用 JSP 代码生成每个按钮的 onclick 事件。在 onclick 事件中,我们调用一个名为 myFunction 的 JavaScript 函数,并传递当前记录的 id 和 name 值作为参数。最后,我们关闭连接以释放资源。
请注意,这只是一个简单的示例,并且不包括任何错误处理或安全性检查。在实际应用程序中,您应该根据需要添加适当的错误处理和安全措施。
js添加animation
要在JavaScript中添加动画,您可以使用CSS动画。您可以通过JavaScript获取要添加动画的元素并将CSS类添加到该元素。例如,以下是一个使用JavaScript添加CSS动画的示例代码:
HTML:
```
<div id="my-element">Hello World!</div>
```
CSS:
```
@keyframes my-animation {
0% { transform: scale(1); }
50% { transform: scale(1.2); }
100% { transform: scale(1); }
}
.my-animation {
animation: my-animation 1s ease-in-out infinite;
}
```
JavaScript:
```
const element = document.getElementById('my-element');
element.classList.add('my-animation');
```
这将向元素添加名为“my-animation”的CSS类,该类包含动画定义。动画将在1秒内无限循环播放。