我有一个导航栏,我想在将商品添加到购物车时显示它。我尝试使用 innerHtml,但它不起作用,所以我使用 css 属性隐藏它。我想知道哪种做法更好?如果 innerHtml 是一种更好的做法,那么我该如何正确地做到这一点?使用 CSS:
.hidden{
display: none !important;
}
<nav class=" navbar fixed-bottom navbar-expand-lg navbar-dark bg-info " id="checkoutnav">
<button type="button" class="btn btn-success mx-2" id="popcart" data-container="body" data-toggle="popover" data-placement="bottom" data-html="true">
View Cart
</button>
</nav>
function hidecheckoutnav(){
let checkoutnav = document.getElementById('checkoutnav');
checkoutnav.classList.add("hidden");
}
或使用 innerHtml(无效):
document.getElementById('nav').innerHTML ='<nav class=" navbar fixed-bottom navbar-expand-lg navbar-dark bg-info " id="checkoutnav"><button type="button" class="btn btn-success mx-2" id="popcart" data-container="body" data-toggle="popover" data-placement="bottom" data-html="true">View Cart</button></nav>'
开心每一天1111
相关分类