D3.js selection.attr()函数

selection.attr()函数用于设置被选中元素的属性。属性的名称和属性的值将使用此函数设置。

句法：

selection.attr(name[, value]);

参数：此函数采用两个参数，如上所示，如下所述：

• name：它是属性的名称。
• value：属性的值。

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

示例 1：

HTML

  

    
    
          
    D3.js selection.attr() Function
  
    
    
  
    
        p {
            line-height: 5px;
        }
    

  

    
        GeeksforGeeks
    
  
    
        var div = d3.select("p")
            .attr("name", "This is from name attribute");
        var divselect = document.querySelector("p");
        console.log(divselect.getAttribute("name"));
    

  

输出：

示例 2：

HTML

  

    
    
  
    D3.js selection.attr() Function
  
    
    
  
    
        p {
            line-height: 5px;
        }
    

  

    
        GeeksforGeeks
    
      
    
        var a = d3.select("a").attr("href", 
            "https://www.geeksforgeeks.org");
  
        var divselect = document.querySelector("a");
          
        console.log("This is from a attr href: ", 
                divselect.getAttribute("href"));
    

  

输出：