使用javascript在div上切换多个css类

文章/答案/技术大牛

发布

0回答

javascript、html、css

我有一个问题，在4个颜色类别之间切换。每次使用此函数时，我都会尝试更改颜色。classList.remove("green"); } getSelected返回document.getElementsByClassName("selected");，并确保只有选定的divHtml看起来像这样：<div id="box1" class="box center green size200"><&#x

浏览 1提问于2017-12-08得票数 0

回答已采纳

2回答

在多个div上切换css类

jquery、css

<div class='checked' id='rb01'></div><div class='rb' id='rb03'></div点击我需要切换css类</e

浏览 1提问于2013-10-11得票数 0

回答已采纳

3回答

用按钮显示/隐藏div

javascript、jquery、html

我使用的是jquery代码，这些代码已经绑定到我的HTML页面中。当我按下按钮以显示隐藏的div中的内容时，它可以找到，但是当我再次按下该按钮以隐藏内容时，什么都不会发生。如果有人能帮我那就太好了。此外，我如何能够针对多个按钮。例如，我会粘贴相同的jquery代码并将其标记为'2‘、然后'3’等等吗？任何有用的例子都会很好。}); </script> <button id="button1">Ad

浏览 4提问于2014-04-04得票数 0

回答已采纳

1回答

响应侧栏/内容区域html css

jquery、html、css、sidebar、responsive

我试图使2 div响应，但我有更多的麻烦，比我应该。/* Main App */ height: 100%; } width: 50%: right;

浏览 0提问于2016-10-01得票数 1

回答已采纳

2回答

如何用一个类更改几个类的高度？

html、css

对于下面的所有类，我都设置了120 of的固定高度。有没有办法用一个类(类或其他什么)来控制所有这些人的身高？} vertical-align: middle; line-height: 120px; /* this is set to same height as the div

浏览 6提问于2013-12-30得票数 0

回答已采纳

1回答

尝试使用基本CSS创建基本下拉菜单，单击时不会打开

html、css、drop-down-menu、dropdown

到目前为止，我已经尝试使用以下代码：/*global*/body { margin: 10; font-family</p> <input type="checkbox" id="menu" /> <label for="menu"

浏览 4提问于2022-01-20得票数 1

1回答

选择父元素之外的CSS元素

html、css

我想选择不在父选择器之外的CSS元素。我能用CSS做这个吗？下面是我想要实现的例子：<div> <p><input type='text' name='name' required></p><p>Please fill i

浏览 5提问于2016-11-01得票数 0

回答已采纳

1回答

用css转换替换容器内容，在不知道的高度之间转换

javascript、jquery、html、css、transition

我以为我可以使用CSS转换来完成这个任务，但是到目前为止我一直没有成功。<input type="button" value="press me" onclick="changeDiv()" /> <div id="a">

浏览 0提问于2018-11-19得票数 2

回答已采纳

2回答

如何使用JavaScript更改CSS伪类元素

javascript、html、css

我想使用javascript更改这个图像：您可以使用去改变我希望使用javascript

浏览 4提问于2015-02-15得票数 0

回答已采纳

2回答

更改伪类jquery的样式

jquery、pseudo-class

: opacity 0.2s, svisibility 0.2s;<script src="http://code.jquery.com/jquery-1.9.1.js"></script> <button class="burger burger1"> <span id="burgerRows"></span>

浏览 21提问于2017-02-19得票数 0

5回答

基于容器分类的车身颜色切换

jquery、html、css

我们使用包含标签的1 index.html页面，在css中，主体设置为背景颜色#ddd。index.html页面是所有其他页面都包含在其中的主模板。因此，我不能指定多个背景色的身体，因为它只使用一个索引页。包括在index.html中的其余页面，例如: services.html将以：C

浏览 0提问于2014-10-29得票数 0

回答已采纳

3回答

如何使用bootstrap4修复开关按钮？

html、css、twitter-bootstrap

我正在尝试使用bootstrap版本4.3制作一个切换按钮。我已经将CSS链接到HTML文件，除了我尝试使用的切换按钮之外，所有的css都可以正常工作。我已经看到了一些在我的模板上实现和使用的设计，但它们和类不起作用。我已经检查过了，但在bootstrap.min.css中找不到这个类。我不能找出为什么这个类没有出现在我包含的css中。我已经从w

浏览 28提问于2019-04-16得票数 1

2回答

如何在Angular中更改kendo-ui对话框的背景色

css、angular、kendo-ui

我需要更改弹出窗口的背景颜色，我尝试使用[ngStyle]属性，但这导致了背景颜色的更改。经过一些搜索，我发现将背景颜色属性应用于k-window类改变了弹出窗口的bg颜色，但我希望它基于一个条件而改变。我认为我们不能直接将类的定义添加到条件中，它只接受类的名称。

浏览 1提问于2021-03-04得票数 0

1回答

jQuery切换和添加单个图标

jquery、css

我在使用切换来显示/隐藏div时遇到问题。应该隐藏的div名为" legend“，我有另一个名为"legend-closebutton”的div，它有一个onclick来隐藏/显示图例。代码如下所示：</

浏览 0提问于2016-05-02得票数 0

2回答

函数切换-打开所有项目

javascript、jquery、css、toggle

伙计们<div class="notice-title"></div> Content text <div class="notice-toggle" value="Hide" onclick=&q

浏览 1提问于2016-07-13得票数 0

回答已采纳

5回答

编程触发浏览器对HTML输入的默认悬停效果

javascript、jquery、html、css

考虑：<label for="a">Hello</a><div id="bla">blabla</div> 页面上的其他地方。在调用div#bla时，是否有任何方法触发单选按钮的默认高亮显示？编辑：来澄清，我希

浏览 0提问于2015-05-19得票数 8

回答已采纳

2回答

使用Javascript/CSS展开/折叠div时交换三角形图标

javascript、jquery、css、sharepoint、icons

我需要交换图标和文本的基础上使用CSS切换。最初，功能区将处于隐藏状态。如何根据JavaScript分配的css类进行图标和文本交换？这是一种滑动门的技术吗？HTML： <a class="toolTipHover" href="#"><div class=&q

浏览 2提问于2012-11-08得票数 2

回答已采纳

2回答

开关/关闭:开关按钮引导

javascript、jquery、twitter-bootstrap、uiswitch

这是我的代码- <div id="normal-toggle-button" class="toggle-button" style="width: 100px; height: 25px;"><div style="left: 0px; width: 150px;"><input type="checkbox" checked="checked"><span class="labelLe

浏览 5提问于2013-02-20得票数 9

回答已采纳

5回答

：如何在运行时修改CSS以便打印？

javascript、html、css、browser、cross-browser

想象一下，一个允许用户显示隐藏元素的网页，使用javascript在运行时修改css样式。在做出决定(包括修改样式表)之后，用户使用浏览器的打印功能。如果原始的定义位于外部文件中，那么似乎Internet不尊重打印之前在样式表中所做的更改。在其他浏览器中，一切都像预期的那样工作。请查看下面的示例，它在运行时将样式类从其初始定义display:none更改为display:inline，因此将显示元素。但是在打印此页面时，元素仍然隐藏在internet 中(使用IE6、

浏览 5提问于2011-02-23得票数 2

1回答

AngularJS :增加对li的主动效应和悬停效应

javascript、angularjs

我用户的角度是ng显示和ng隐藏，以改变图标在李。whiteClass" /> </li>在这里，控制器上的jS文件 var navClick

浏览 1提问于2014-07-03得票数 2

回答已采纳

点击加载更多