D3.js selection.classed()函数

selection.classed()函数用于将类设置为所选元素。此函数还可用于将类取消设置为选定的特定元素。

句法：

selection.classed(names[, value]);

参数：上面给出的函数有两个参数，上面给出并描述如下：

• name：这是要赋予所选元素的类的名称。
• value：设置或取消设置类的布尔值，即真或假。

返回值：此函数不返回任何内容。

示例 1：设置类名。

HTML

  

    
    
    
    

  

    
        GeeksforGeeks
    
  
    
  
        // Sets the class to the a tag
        var a = d3.select("a")
            .classed("className", true);
          
        // This will select the anchor tag
        var divselect = document.querySelector(".className");
        console.log(divselect.innerHTML);
    

  

输出：

GeeksforGeeks

示例 2：取消设置类名。

HTML

  

    
    
    
    

  

    
        
            GeeksforGeeks
        
    
  
    
  
        // Unsets the class named classGiven
        // to the "p" tag
        var a = d3.select("p")
            .classed("classGiven2", false);
  
        // This will select the "p" tag
        var divselect = document
            .querySelector(".classGiven");
              
        console.log(divselect.innerHTML);
  
        // This will not select the "p" tag
        // As the classGiven 2 is unset
          
        var divselect = document
            .querySelector(".classGiven2");
  
        console.log(divselect);
    

  

输出：

GeeksforGeeks
null