为什么我不能用JavaScript改变bootstrap模式的背景不透明度？

vecaoik1 于 2023-03-27 发布在 Bootstrap

关注(0)|答案(2)|浏览(151)

我正在尝试使用JS或jQuery（Bootstrap 4.6）更改Bootstrap背景的不透明度：

// JavaScript
let modalBackdrop = document.getElementByClassName("modal-backdrop");
modalBackdrop.style.opacity = "0.9 !important";

或

// jQuery
let modalBackdrop = $(".modal-backdrop");
modalBackdrop.css("opacity", "0.9 !important");

我想用JS来做，因为我有几个模态，我想只为一个特定的模态改变它。
当我控制台记录modalBackdrop数据时，它显示background元素，因此它是正确的选择器

2条答案

您需要设置样式属性：
试试这个：
联森：

document.querySelector('.modal-backdrop').setAttribute('style', 'opacity:0.9 !important');

jQuery：

$('.modal-backdrop').attr('style', 'opacity:0.9 !important');

一个二个一个一个

删除!important：

document.querySelector(".modal-backdrop").style.opacity = 0.9;

或

$(".modal-backdrop").css("opacity", 0.9);