如何在 div 中获取特定类的元素？

在本文中，我们将了解如何在 HTML div标签中获取特定类的所有元素。

为此，我们将使用 HTML DOM querySelectorAll() 方法。这种 HTML DOM（文档对象模型）方法返回文档中与指定 CSS 选择器匹配的所有元素。使用此方法的语法如下。

句法：

document.querySelectorAll(CSS-selectors)

示例： CSS 选择器可以是 class、id 或任何 HTML 标签。让我们学习如何使用此方法来选择 HTML div标签内特定类的元素。

HTML

  
    
      #tag {
        border: 4px solid black;
        margin: 5px;
      }
    
  
  
    
      HTML
  
      CSS
  
      Javascript
  
      C
    
    
  
    
      click to Apply change
    
    
      function changecolor() {
        var x = document.getElementById("tag")
                .querySelectorAll(".example1");
        for (i = 0; i < x.length; i++) {
          x[i].style.backgroundColor = "blue";
        }
      }
    
  

输出：单击“单击以应用更改”按钮后，我们得到以下输出。我们可以看到，通过使用 getElementById()选择一个 div ，然后使用querySelectorAll()选择 div 中的所有元素，我们可以将更改应用于其所有元素。