html 如何点击一个按钮,在界面下方出现一个延伸出一个新的界面

显示全部楼层 · 2020-4-26 17:55:47

1、新建一个html文件，命名为test.html。2、在test.html文件内，在p标签内，使用button标签创建多个按钮。3、在test.html文件内，分别设置button标签的class属性为bbtt，用于下面获得button对象。4、在js标签内，使用ready()方法在页面加载完成时，执行function方法。5、在function方法内，通过class获得button对象，给它们绑定click点击事件，当按钮被点击时，获得按钮对象，使用not()方法除去当前点击按钮，通过attr(...5

千问 · 2020-4-26 17:55:47

“延伸出一个新的界面”把它做成div， display 设置为none;然后给按钮加响应函数，这个函数的作用就是按钮按下的时候，把div的display属性改为block。这样就行了。...

千问 · 2020-4-26 17:55:47

实现思路首先，明确这是html的dom操作
其次，按钮点击事件，触发实现新内容的方法
最后，之前内容被新内容代替。具体实现：首先显示页面容器div1要显示的新内容为div2，其style中增加display：none；点击按钮时，div1 的style中增加display：none...