我有这样的div:
<div class="radio-wrapper content-box__row " data-gateway-group="direct" data-select-gateway="34434244"> SOME CODE HERE </div>
我想通过元素data-select-gateway用javascript隐藏这个div。例如,如果data-select-gateway是34434244,则隐藏div。
答案 0 :(得分:1)
您可以使用以下代码隐藏第一个代码:
config.vm.network :forwarded_port, guest: 8000, host: 8000
对于document.querySelectorAll('[data-select-gateway="34434244"]')[0].style.display = 'none';
的所有元素:
data-select-gateway="34434244"
对于所有这些,只需elems = document.querySelectorAll('[data-select-gateway="34434244"]');
for (var i = 0; i < elems.length; i++)
elems[i].style.display = 'none';
:
data-select-gateway
答案 1 :(得分:0)
如果你想隐藏DIV并保持页面看起来的方式,例如让DIV仍占用高度和宽度以不影响其他元素的放置,则设置visibility:hidden而不是display:none。
document.querySelectorAll('[data-select-gateway="34434244"]')[0].style.visibility = 'hidden';