javascript - 用 JavaScript 隐藏一个 html div

Question

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

Answer 1

您可以使用以下代码隐藏第一个:

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:

elems = document.querySelectorAll('[data-select-gateway]');
for (var i = 0; i < elems.length; i++)
  elems[i].style.display = 'none';