假设您给出了一个 HTML 文档,任务是在 JavaScript 的帮助下按类名隐藏 HTML 元素。有两种方法可以用适当的例子来解释。
方法一:在这种方法中, getElementsByClassName() 选择器用于选择特定类的元素。索引用于获取相应索引处的元素。要访问CSS 可见性属性,我们可以在元素上使用 DOM style.visibility将其设置为隐藏值。
- 例子:
How to hide an HTML element by class in JavaScript GeeksforGeeks
Click on button to hide the element by class name
Child 1Child 1Child 2Child 2
- 输出:
方法2:在这种方法中, querySelectorAll() 选择器用于选择特定类的元素。索引用于获取相应索引处的元素。要访问CSS 可见性属性,我们可以在元素上使用 DOM style.visibility将其设置为隐藏值。
- 例子:
How to hide an HTML element by class in JavaScript GeeksforGeeks
Click on button to hide the element by class name
Child 1Child 1Child 2Child 2
- 输出: