D3.js selection.property()函数

selection.property()函数用于设置或更改特定元素的属性和值。可以通过将其值设置为 null 来删除特定属性的值。

句法：

selection.property(name[, value]);

参数：此函数接受上面提到的两个参数，如下所述：

• name：要设置的属性的名称。
• value：要设置的属性值。

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

示例 1：

HTML

  

    
    
  
    
    

  

    
        
    
  
    
  
        // Sets value property of the the input tag
        var input = d3.select("input")
            .property("value", "some value from input");
        var text = document.querySelector("input");
          
        // Value from input 
        console.log(text.value);
    

  

输出：

示例 2：

HTML

  

    
    
  
    
    

  

    
        checkbox
  
        Click me
    
      
    
        function func() {
  
            // Sets checked and value property
            // of the the checkbox
            var chk = d3.select(".checkbox").property(
                "value", "some value from checkbox");
            var chk = d3.select(".checkbox")
                .property("checked", true);
            var text = document.querySelector(".checkbox");
  
            // Value from checkbox
            console.log(text.value);
            console.log(text.checked);
        }
          
        let btn = document.querySelector("button");
        btn.addEventListener("click", func);
    

  

输出：

• 在单击单击我按钮之前：

  

• 点击点击我按钮后：