如果点击此按钮，如何在按钮下显示div？角度2
在前端开发中，如果要在按钮下方显示一个div，可以通过以下步骤实现：
- 首先，在HTML文件中创建一个按钮和一个div元素，并为它们分配相应的id属性，以便在JavaScript中进行操作。例如：
<button id="myButton">点击按钮</button>
<div id="myDiv">这是要显示的内容</div>- 接下来，在JavaScript中获取按钮和div元素的引用，并为按钮添加一个点击事件监听器。当按钮被点击时，将显示或隐藏div元素。例如：
var button = document.getElementById("myButton");
var div = document.getElementById("myDiv");
button.addEventListener("click", function() {
if (div.style.display === "none") {
div.style.display = "block";
} else {
div.style.display = "none";
}
});- 最后，可以通过CSS样式来设置div元素的初始状态，例如隐藏它。可以在CSS文件中添加以下样式：
#myDiv {
display: none;
}这样，当按钮被点击时，div元素将在显示和隐藏之间切换。
这种方法是通过JavaScript来操作DOM元素的样式来实现的。当按钮被点击时，通过改变div元素的display属性来控制其显示和隐藏。
相关·内容
我想要在单击此div时在button下显示一个one
我在Angular 2中工作，我想使用像*ngIf和(click)这样的函数，但我不知道从哪里开始。在我的按钮里面，我有(click)="show=!show"，在我隐藏的div里面，我有<div *ngIf="show">{{baseColor.name}}</
浏览 13提问于2019-07-31得票数 0
回答已采纳
我想知道如何在点击一个角度向下的按钮后显示div，它会像在Quora中一样消失:当你点击主页上的答案时，你可以通过点击答案底部的退出按钮或通过向下滚动足够长的时间来使其消失)。下面是一张图片，用于说明：
所以基本上我会有一个带有摘要的产品列表，如果你点击一个产品的角度向下按钮，div向下滑动以显示更多信息(向下移动下一个产
浏览 35提问于2017-01-24得票数 0
我想点击页面中的load More链接。我的密码在下面。ExpectedConditions.visibilityOfElementLocated(By.id("json_click_handler")));
如何让它点击链接
浏览 1提问于2015-07-18得票数 1
回答已采纳
1回答
我在angularjs文档中读到了关于ngClass的不同问题，但我仍然不知道如何用角度来解决我的简单问题。我在html中有一个简单的按钮<button ng-click="displayMessage();">Change color</button>通过点击这个按钮<
浏览 1提问于2017-02-05得票数 0
回答已采纳
3回答
我想做一个DIV，只有当有人点击3个按钮时才会出现。我在帖子中搜索了一些东西，比如“隐藏/显示DIV按钮”，但是只有在点击所有三个按钮之后才能找到类似于show的东西，我试着修改了一些，但是没有什么结果。
例如，有人指点我的方向吗？
浏览 8提问于2017-05-09得票数 1
回答已采纳
1回答
假设我们有一些webservice API，我们希望以按钮的形式公开(类似于facebook的like/ twitter的tweet按钮)。我不知道这些按钮背后是什么。我希望该按钮首先验证我的服务很想了解一下这方面的情况。谢谢。
浏览 0提问于2011-10-30得票数 1
2回答
页面可滚动时显示“转到顶部”按钮
、、、、
我只是想知道如何用角度2/4来做这个:这可能很容易，但我就是搞不懂。让我解释一下，当我在底部的时候，我有一个组件把我滚动到页面的顶部。但是浮动的div，也就是，即使页面不需要滚动，小红箭头也始终是可见的。每个按钮都动态地链接到div。因此，div在单击按钮时显示。2或3，第2或第3
浏览 1提问于2017-05-18得票数 0
回答已采纳
3回答
默认情况下，我希望在页面加载时打开选项卡。现在它已经崩溃了，要打开手风琴选项卡，我必须点击按钮。我不想每次点击按钮打开标签。></p-accordion>摘自评论：
打开]= true它没有正常工作:模板解析错误:无法绑定到'open‘，因为它不是一个已知的’p手风琴标签1.如果“p手风琴选项卡”是一个角
浏览 0提问于2019-04-05得票数 1
我正在做这个小的React项目，我有4个按钮，它们提供的服务有不同的标题。我还有一个Modal，它似乎提供了更多信息。我使用state来显示和删除Modal组件，它工作得很好。所以我正在寻找一种方法来传递不同的标题和不同的描述集作为道具，根据按下的按钮而定。即，如果按下按钮4，它将显示服务4的标题和描述文本。}>
浏览 0提问于2021-10-20得票数 0
我很难在VB6胖客户端(使用web浏览器控件)内的ASP.NET MVC4Web应用程序的隐藏按钮控件上捕获以编程方式触发的单击事件。但是如果控件是不可见的： <input id="C" name="NoItems" type="button" class="BtnDiv" style="display:none"/>
浏览 1提问于2013-04-01得票数 0
我有在角度和html的应用程序，我有帖子列表。在每个帖子下面，我希望有文本区来添加新的评论。我想在点击按钮后显示/隐藏这个文本区。但我不能做ngIf=“某些属性”，因为点击按钮后，所有的文本都会显示出来。<a href="" (click)="enabledAddComment = true"></a>
浏览 22提问于2020-05-12得票数 1
回答已采纳
我一直在四处阅读，却找不到一个答案，我认为这是显而易见的。有什么角度的东西可以让我查一下这个吗？
谢谢。(顺便说一句，我已经制作了自己的“弹出窗格”-就像
浏览 1提问于2016-08-15得票数 1
回答已采纳
2回答
是否可以在禁用的引导按钮上使用甜蜜警报？<a href="<?php echo base_url() . 'deleteStaff/' . $record->userId; ?span class="btn-label"><i class="mdi mdi-trash-can-outline"></i></span>Delete</button>
浏览 5提问于2020-08-05得票数 0
driver.execute_script("window.scrollTo(0, document.body.scrollHeight);")
driver.find_element_by_xpath("/html/body/div[5]/main/div/div/app-root/app-search-result/div/div[2]/
浏览 3提问于2021-10-26得票数 0
回答已采纳
我有一个按钮，它落在控制器B中，两个HTML代码块在控制器下，A...............and按钮落在一个HTML代码块中。示例： <div ng-show="now"> <Button ng-controller="B"></Bu
浏览 2提问于2015-05-19得票数 0
回答已采纳
1回答
单击主引导程序按钮后，它会在移动设备上将其背景颜色更改为蓝色。这里有一个例子，第一个按钮是你点击它之前的样子，第二个按钮是你点击它之后的样子。如果我点击网站周围的任何地方，背景效果就消失了。<div class="col
浏览 0提问于2021-05-15得票数 0
2回答
侦听DOM更改
、、
我想做一些有角度的事情，但我不知道是否有办法使用它。我在两个选项卡中打开了一个屏幕，屏幕上有一个按钮，如果我点击它，它会显示一个div。很简单。HTML <span>show div</span>
</div>
浏览 1提问于2021-02-16得票数 1
回答已采纳
1回答
访问GridLayout中的按钮
、、、、
在我的版本中，我试图使板的大小可变，这意味着代表每个方块的按钮不容易被引用。有没有一种方法来确定哪个按钮被点击了，如果是，如何点击？谢谢!
浏览 0提问于2011-05-25得票数 1
回答已采纳
在我主页中有一个div id="page_content"，我在该div中加载一个jsp页面。还有一个刷新按钮，通过它可以在div中重新加载页面。我已经在那个页面上写了一些类似{{1+2}}的angularjs。当点击刷新按钮时，调用$('#page_content').load(page_url);页面被刷新，但是我的angularjs函数消失了，它显示了{
浏览 26提问于2019-04-09得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议活动推荐
腾讯云开发者
