更改内部标签的可见性

【问题标题】：Changing visibility of inner a tag更改内部标签的可见性
【发布时间】：2022-12-01 11:08:42
【问题描述】：

我有一个类

 .nav-part a{ display:block;}

如何将 JavaScript 的显示更改为无

我找不到任何仅使用 JavaScript 并访问 a 的可见性和更改可见性的方法

【问题讨论】：

标签： javascript

【解决方案1】：

我们可以通过纯js代码来完成

document.querySelector('.nav-part a').style.display = 'none'

以下是您的参考

let button = document.querySelector('button')
button.addEventListener('click',() => {
  
  let link = document.querySelector('.nav-part a')
  link.style.display = 'none'

})

.nav-part a{ display:block;}

<div class ="nav-part">
  div data
 <a href="#">Link</a>
</div>

<button>Button</button>

【讨论】：