用javascript改变divs css
作为一个云计算领域的专家，我可以帮助您解决这个问题。
在JavaScript中，可以使用以下方法来改变div的CSS属性：
- 使用
style属性：
document.getElementById("myDiv").style.backgroundColor = "red";- 使用
classList属性：
document.getElementById("myDiv").classList.add("myClass");- 使用
setAttribute方法：
document.getElementById("myDiv").setAttribute("style", "background-color: red;");- 使用
querySelector方法：
document.querySelector("#myDiv").style.backgroundColor = "red";这些方法都可以用来改变div的CSS属性，您可以根据自己的需要选择合适的方法。
需要注意的是，如果您需要改变的CSS属性很多，使用style属性可能会导致代码变得冗长，这时候使用classList属性或者setAttribute方法可能会更加方便。
相关·内容
1回答
Jquery更改div的宽度
jquery、css
我尝试在定义中添加style width:xxpx元素，并尝试定义一个新的css类。我希望主容器下的两个容器的大小相同。但是下面的代码呈现了大约40-60。我使用的是jquery ui(jquery-ui-1.7.1.custom.css)中的样式表。
浏览 4提问于2011-02-10得票数 0
回答已采纳
2回答
CSS:在给定的高度保持元素的高宽比
html、css
我在display:inline-block上有一些DIVs，所以它们一起很好地浮动。这些DIVs都有相同的高度，例如height:300px。因此，当DIVs显示在浏览器中时，图像还没有出现，所以用height:auto;来确定图像的高度是行不通的。但是既然我的DIVs都应该有相同的高度，我怎么能保持高宽比和改变宽度呢？
一个(不太好)的解决方案是插入一个空白图像，并将该图像调整到正确的维度。问题是:当调整窗口大小时，所有DIVs的高度都会发生变化，因此仅计算宽度是不
浏览 7提问于2014-09-19得票数 2
回答已采纳
2回答
将样式应用于包含某个类的div的div。
jquery、css
在本例中，是否可以将样式应用于外部div，只使用CSS，并且存在类"error“的内部div？<div> </div>我知道我可以用javascript来做。既然这在纯css中是不可能的，那么这样做真的没有效率吗？我很难改变现状。对于背景，错误类自动包装在rails中的标签/输入上，但我希望对包含的DIVs
浏览 1提问于2011-10-17得票数 2
回答已采纳
4回答
javascript:如何管理没有ID的div
javascript、html
有没有办法将按钮的onclick操作设置为某种东西，比如...这个“changetheclass(onclick=)”实际上会改变包含这个按钮的div的类吗？
浏览 0提问于2012-04-13得票数 1
回答已采纳
5回答
div选定问题
javascript、jquery、css
我用下面的方式设置了4个div：<3个div> <4个div>我如何才能做到这一点。也允许使用jQuery。
浏览 1提问于2010-12-02得票数 1
回答已采纳
3回答
CSS: Div出现在另一个
jquery、html、css
我有这样的HTML： <div class='left'>content left</div></div>我该怎么做呢？
浏览 5提问于2013-12-25得票数 1
回答已采纳
2回答
Javascript更改所有数组元素的HTML代码。
javascript、arrays
我试图创建"div“元素，并试图用Javascript来更改它们的内部HTML，但是它并不改变数组的特定元素，而是更改了所有元素的HTML代码。let bs_length = 2;bs_divs[0].innerHTML = "Hi";
console.log(bs_divs[0].inne
浏览 0提问于2019-02-01得票数 2
回答已采纳
2回答
放置照片的大空间div的位置
css、html、css-float
我的布局有问题，用CSS制作的。没有使用Javascript，因为我不知道如何动态定位div(Post)。divs有空格和线，我不想要这些线，因为不同大小的div。我试图在CSS中使用不同的显示属性，但是没有改变大空间。我的CSS代码如下： box-shadow: 0px 1px 3px rgba(34, 25, 25, 0.4); color或Javascript找到了
浏览 7提问于2013-01-01得票数 0
回答已采纳
2回答
用多个DIVs填充屏幕
javascript、css、html
情境：，我目前正在做一个网站设计，它要求我用60px x 60px DIVs填充整个屏幕。它们只是像墙上的瓷砖，只是需要有这么多的瓷砖，因为每个瓷砖在悬停时都要改变颜色为随机值。问题：如果监视器的分辨率发生变化，那么DIVs的数量就会改变。我意识到我需要与屏幕大小有关的那些瓷砖DIVs。我还意识到这可能是使用javascript完成的。
问题：如何做到这一点？
浏览 0提问于2010-09-27得票数 2
回答已采纳
1回答
引导2中的div列与流体布局对齐
html、css、twitter-bootstrap
我用Bootstrap 2做了一个简单的两列流体布局。一个列包含两个div，另一个列包含三个div。两列均为span6。小提琴是。我尝试使用CSS调整左侧列中两个div的高度，使顶部占浏览器窗口高度的62.5%，而底部占其余37.5%。对于右边列中的三个div，也是类似的。但是有几个问题：
块/divs的高度不会垂直填充窗口，每个块/div的高度也不会改变。如何使左边两个divs的总高度与右边三个divs的总高度相等，同时尊重各列内的相对高度比(left: 62.
浏览 1提问于2012-08-15得票数 0
3回答
CSS减轻父鼠标上的子元素
html、css、hover、transparency
我有一个div，它包含另外两个divs：基本上一个用于标题，一个用于内容。如何在CSS中做到这一点？
浏览 0提问于2011-03-04得票数 38
回答已采纳
1回答
在没有Javascript的情况下滚动DIV？
javascript、jquery、html、scrollable
我尝试做的是让当前选中的(它有一个class="active"属性)显示在滚动DIV的中间，如下所示：
有没有办法在没有Javascript的情况下做我想做的事情？如果需要的话，我不介意使用一些标记
浏览 0提问于2011-08-27得票数 2
回答已采纳
3回答
更改单选按钮大小，将其隐藏在div中
jquery、html、css
我当前的代码： <span class="answer_span">q1a1" style="width:10px"> </span> <d
浏览 0提问于2013-04-30得票数 0
回答已采纳
1回答
HTML5壳游戏
javascript、html、css、shuffle
我为游戏创建了HTML和CSS，但我仍然坚持用Javascript移动三个杯子。 for(var i = 0; i < divs.length; i++) $(divs[i]).remove();//the fisher yates algorithm, from http://stackoverflow.com/questi
浏览 5提问于2016-01-15得票数 2
2回答
在运行时使用javascript加载div背景图像(通过/与？CSS)
javascript、css、image
我希望修改的应用程序是非常简单的DIVs -只有一堆DIVs。所有繁重的格式化工作都在样式表中完成。我遇到的挑战是在运行时改变背景图像。background-image', '1.png');document.getElementById(id).style.backgroundImage = '1.png';
不起作用，因为(我认为)HTML值总是会被CSS我不会用我考虑过/探索过的其他老生常谈的方法让你感到厌烦，因为我觉得肯定有一种方法可以用</
浏览 1提问于2016-08-16得票数 0
1回答
将div的大小加倍，以使模式背景图像正常工作
background-image
我有一个带有背景图像的div元素。图像是一个不能剪切的图案，所以它总是必须结束到图像的底部。图像高度为400px。所以我希望div始终是400px或更高，但它必须除以400px，这样当出现文本溢出时，背景图像就不会被切掉。例如: 400px->800px->1200px等。
浏览 0提问于2013-06-14得票数 0
1回答
在HTML或php中显示字符的限制
php、codeigniter
我正在尝试修改cmscanvas。
当我在html文件{{ service_description }}中使用这个语法时，service_description是字段的名称，它在该字段中显示文本。如何用html或其他方式限制字符？谢谢
浏览 3提问于2014-10-19得票数 0
回答已采纳
2回答
使用JavaScript遍历表中的所有div
javascript、html
我有一个包含很少div标签的HTML表。我想在所有div上循环，并将align属性更改为right。有谁有一个例子吗？
浏览 0提问于2011-11-25得票数 0
回答已采纳
3回答
是否在css中子组件悬停时更改父div的背景颜色？
javascript、css、colors、hover
我正在做一项网页设计任务，到目前为止，我对大多数css样式都感到相当不舒服，这个任务涉及一个div中的3个彩色框。当盒子悬停时，我必须将这个div的白色背景变成与盒子相同的颜色。
浏览 1提问于2013-10-29得票数 1
2回答
Jquery如何在div单击事件上追加和移除
jquery、html、click、append
head><script type="text/javascript" src="jquery-1.3.2.min.js"></script>
浏览 0提问于2009-07-10得票数 9
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频活动推荐
腾讯云开发者
