Javascript 当另一个类显示设置为内联块时隐藏一个类!重要的

Javascript 当另一个类显示设置为内联块时隐藏一个类!重要的,javascript,html,css,Javascript,Html,Css,我需要根据另一个类显示设置为inline block来隐藏一个类!重要信息仅使用JavaScript。以下是我目前掌握的情况: window.onload=function(){ hidedeliveryFunction(){ var outOfstock=document.getElementsByClassName(“.action.alert”), deliveryOptions=document.getElementsByClassName(“.shipping product inf

我需要根据另一个类显示设置为
inline block来隐藏一个类!重要信息
仅使用JavaScript。以下是我目前掌握的情况:

window.onload=function(){
hidedeliveryFunction(){
var outOfstock=document.getElementsByClassName(“.action.alert”),
deliveryOptions=document.getElementsByClassName(“.shipping product info”);
if(outOfstock.style.display==“内联块!重要”){
deliveryOptions.style.display=“无”;
}
}
};

订购价超过40美元。1-7天内收集。佤邦订单1-14天

免费快递超过99美元。一些除外条款适用


我不确定,但是当“outOfstock”元素满足条件时,您可以尝试删除“shipping product info”类

deliveryOptions.classList.remove("shipping-product-info")

也许你可以用像这样的代码来隐藏

var hidediv = document.getElementById("hidediv");
var showdiv = document.getElementById("showdiv");
if (hidediv.style.display === "none") {
     showdiv.style.display = "block";
   } else {
     hidediv.style.display = "none";
   }

您可能不需要测试
!重要信息
是用例中的一部分。应该注意:

window.addEventListener(“DOMContentLoaded”,function()){
//不要使用.getElementsByCassName(),因为它会返回活动节点列表
//这对于大多数用例来说是不正确的,因为你只是在寻找
//对于单个元素匹配,请改用.querySelector()。
var outOfstock=document.querySelector(“.product.alert.stock”);
var deliveryOptions=document.querySelector(“.shipping product info”);
if(getComputedStyle(outOfstock.display==“内联块”){
deliveryOptions.style.display=“无”;
}
});
.alert{显示:内联块!重要;}

订购价超过40美元。1-7天内收集。佤邦订单1-14天

免费快递超过99美元。一些除外条款适用


您能否花点时间清理一下代码的格式,让我们都能更轻松地阅读?然后,澄清当另一个CSS存在时,需要隐藏什么类(以及你所说的隐藏在第一个位置是什么意思)。而且,我们是说第一个
div
将该CSS设置为内联的,还是说它是否已从其他代码设置为该CSS?为什么不显示任何CSS部分?是的,刚刚更新了更清晰的内容。抱歉,如果它已经从样式表设置为内联,那么什么是
hidedeliveryFunction();{
你似乎有keybord故障?如果你不测试内联块,你的
条件将如何捕获
内联块!重要的
如果你不测试它?哦,对不起,那么只需添加重要的javascript,就像你的意思一样使用代码?-->.document.getElementsById('divId').style.cssText=“display:none!重要的”;没有
getElementsById
之类的东西,
cssText
返回整个规则以及选择器。谢谢,如果将其放入“产品警报库存”中,我可以看到它的效果元素本身,但元素显示是从链接样式表设置的,而不是内联样式,很遗憾。@ReeceStevenson这是我在评论中问你的,但你没有回答。让我修改答案。对不起,我还是这个平台的新手,还以为我已经回答了。谢谢你的帮助。谢谢你,这很好,对不起由于沟通不畅和缺乏知识。我不知道。querySelector对单个项目更有效,谢谢你让我知道。