如果div标签不存在，如何显示none？答案

【问题标题】：How to display none if div tag doesn't exist?如果div标签不存在，如何显示none？
【发布时间】：2023-01-19 05:34:46
【问题描述】：

如果父级中不存在“光滑初始化”div 标签，那么我希望父级 ID（产品推荐-食谱）不显示。现在这是我设置的：

HTML 是这样设置的：

<div id="product-recommender-recipe">
<div class="slick-initialized">
</div>
</div>

到目前为止我的 JS。如果长度为 0，则父 ID 不显示。 :

var productTemplate = document.getElementsByClassName("#product-recommender-recipe > .slick-initialized")
                    if (productTemplate.length === 0){
                        document.getElementById("product-recommender-recipe").style.display = "none";
                    }

我是否正确设置了此设置？

【问题讨论】：

您需要 querySelector 才能在 Javascript 中进行类似 CSS 的选择

标签： javascript html getelementbyid variable-length

【解决方案1】：

const outer = document.querySelector("#product-recommender-recipe");
const inner = document.querySelector(".slick-initialized");

if(inner === null) {
    outer.style.display = "none";
}

【讨论】：

不需要两次查询，只需要合适的查询方式。还要花时间解释您的答案以及它如何解决 OP 的问题，并提供相关文档的链接。