JavaScript 动态生成一组div 一组按钮点击按钮显示指定的一组div 切换按钮显示另一组指定的div

hanlongljj 2015-10-08 09:19:01

JavaScript 动态生成一组div 一组按钮a，b，c；
点击a按钮显示a按钮指定的一组div ；
切换按钮B 点击B按钮显示b按钮指定的div同时隐藏a按钮对应的div
切换按钮C 点击C按钮显示C按钮指定的div同时隐藏B按钮对应的div
就是动态生成的按钮都显示出来，当单击任一按钮有且只有显示其对应的div。

...全文

112 1 打赏收藏转发到动态举报

写回复

1 条回复

切换为时间正序

请发表友善的回复…

发表回复

红面狼 2015-10-08

打赏
举报

回复

不懂帮顶祝好运

在 jQuery 中，您可以使用 .toggle() 方法来切换元素，任何元素。但是，如果您正在寻找纯 JavaScript 解决方案，那么这里就是。我在这里分享一个简单的代码，它展示了使用 JavaScript 切换或显示/隐藏 DIV 元素是多么容易。相关：使用 jQuery 基于下拉选择切换 DIV 元素 <div> 元素通常用作容器，它还会包含许多其他元素，例如 form。您可能希望在满足某些条件时显示或隐藏 <div> 元素。这是一个常见的场景。我希望在按钮.

通过两种方式实现切换效果，点击按钮切换div。

点击按钮切换div超详细教程，谁看谁都会，保姆级教程

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> button{ float: left; } div{ position: absolute; top: 40px; width: 100px; height:

根据id 按钮获取点击事件，添加事件处理函数效果： <style> #dv{ width: 100px; height: 100px; background-color: royalblue; } </style> <body> <input type="button" value="隐藏" id="btn"/&

23,407

社区成员

70,565

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章