D3.js selection.text()函数

d3.js 中的selection.text()函数用于将文本内容设置为选定元素的指定值，从而替换任何现有的子元素。如果给定的值是常数，那么所有元素都将被赋予该常数值。

句法：

selection.text([value]);

参数：此函数只接受一个参数，上面给出并描述如下：

• value：要设置的文本内容值。

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

示例 1：

HTML

  

    
    
      
    
    

  

    GeeksforGeeks
    
        Click me
    
      
    
        function func() {
              
            // Sets the text-content of the button
            var chk = d3.select("button")
                .text("This is the changed text");
            var text = document.querySelector("button");
        }
        let btn = document.querySelector("button");
        btn.addEventListener("click", func);
    

  

输出：

• 在点击按钮之前：

  

• 点击按钮后：

  

示例 2：

HTML

  

    
    
      
    
    

  

    GeeksforGeeks
    
        This text will be changed
    
  
    
        This text will be changed
    
    
      
    Change text
      
    
        function func() {
              
            // Selecting all buttons and
            // Setting the text content of the button
            var chk = d3.selectAll(".btn")
                .text("This text is changed");
            var text = document.querySelector("button");
        }
        let btn = document.querySelector(".Clickme");
        btn.addEventListener("click", func);
    

  

输出：

• 在点击按钮之前：

  

• 点击按钮后：