D3.js creator()函数

d3.creator()函数用于返回一个函数，该函数创建一个元素，其名称作为函数中的参数给出。

句法：

d3.creator( name );

参数：此函数接受如上所述和如下所述的单个参数：

• name：它是要创建的容器或 HTML 标记的名称。

返回值：它返回一个函数。

示例 1：在此示例中，在正文中添加 div 元素。

HTML

  

    
    
    
    
    
    
  
    
        div {
            background-color: green;
            color: honeydew;
            width: fit-content;
            padding: 10px;
        }
    

  

    
  
    
        let selection = d3.select("body")
  
        // Creating and appending
        // a div to the body
        selection.append(d3.creator("div"));
        let div = document.querySelector("div")
          
        div.innerText = 
            "Div tag created using d3.creator()"
    

  

输出：

示例 2：在此示例中，将多个标签附加到正文。

HTML

  

    
    
    
    
    
    
  
    
        div {
            background-color: green;
            color: honeydew;
            width: fit-content;
            padding: 10px;
            height: 100px;
        }
    

  

    
  
    
        var selection = d3.select("body")
  
        // Creating and appending a 
        // div to the body
        selection.append(d3.creator("div"));
        var selection = d3.select("body")
  
        // Creating and appending a p
        // tag to the div
        selection.append(d3.creator("p"));
  
        // Creating and appending a button
        // tag to the div
        selection.append(d3.creator("button"));
        var div = document.querySelector("div")
  
        div.innerHTML = 
            "Div tag created using d3.creator()"
  
        var div = document.querySelector("p")
  
        div.innerHTML = 
            "paragraph tag created using d3.creator()"
              
        var div = document.querySelector("button")
  
        div.innerHTML = 
            "paragraph tag created using d3.creator()"
    

  

输出：