时间戳

首页 > 解决方案 > 如果页面上加载了某个 DIV，则使用 JavaScript 更改元素的显示设置

javascript - 如果页面上加载了某个 DIV，则使用 JavaScript 更改元素的显示设置

问题描述

我对此很陌生，我在输入代码的方式上遇到了挑战。

目前在我的页面上有以下按钮：

<a ng-if="vm.cart.canRequestQuote" href="/Rfq" class="btn primary btn-request-quote tst_cartPage_submitQuote" ng-bind="vm.cart.isSalesperson ? 'Create a Quote' : 'Request a Quote'" ng-disabled="vm.cart.isAwaitingApproval">Request a Quote</a>

我正在尝试根据页面上是否加载以下内容来隐藏/显示此按钮（使用 JavaScript）：

<div ng-if="product.quoteRequired" class="quote-required">

请帮忙。我尝试了许多不同的脚本，但我认为因为按钮是div.tst_cartPage_buttons我没有在 JavaScript 中正确输入元素

感谢您提供的任何指导。

标签： javascriptangular

解决方案

您可以使用 jquery 框架 ( https://jquery.com/ ) 并输入：

if ($('#idOfElementToSearch')!=null) $('#elementToHide').hide()

$ 函数对于轻松查找元素很有用，因为它使用 css 选择器

$('.btn .primary .btn-request-quote .tst_cartPage_submitQuote').hide()

隐藏所有具有此 4 类的元素

或者如果您不想使用框架，您可以使用 Document.getElementById() 或 getelementbyclass 代替 $ 函数，但更难

推荐阅读