使用JavaScript隐藏html div

时间:2015-12-07 19:18:00

标签: javascript html hide element

我有这样的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。

2 个答案:

答案 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';