javascript - 在加载 DOM 后更改样式表

标签 javascript jquery html css

<分区>

在我的 HTML 中,我有一个 div:

<div id="devicelayout">
    Some text here
</div>

和对应的CSS:

#devicelayout
{
    width:1078px;
}

我的页面加载后,如何更改 CSS #devicelayout 的规则?

最佳答案

如果您只想更改元素的 css 样式,您可以直接为其分配不同的类或使用 JQuery 更改元素的 css 属性

$("#devicelayout").css("property", "value")

$("#devicelayout").addClass("newClass")

或者,如果您想更改 css 规则,请尝试修改 document.styleSheets 对象中的样式表规则。参见 here

关于javascript - 在加载 DOM 后更改样式表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22873486/

相关文章:

javascript - Angularjs $http VS jquery $.ajax

html - 过时与弃用的 HTML

jQuery 设备方向范围转换为 0 到 100 之间的百分比

javascript - 在 Angular2 中包含外部(托管)JavaScript 文件

javascript - jQuery 选择器使用 usemap 属性查找图像时出现问题

仅限 JavaScript - 单击或滚动时如何更改字体大小

javascript - 未捕获的类型错误 : Cannot read property 'row' of undefined - google visualisation api

javascript - Javascript 数组中的图像 URL 是否会自动预加载到浏览器中?

jquery - 对我的手机后台进行故障排除?

javascript - 页面加载时,div 暂时可见