D3.js html()函数

d3.js 中的d3.html()函数用于获取和读取 HTML 类型的文件。它首先将文件作为文本获取，然后将文件解析为 HTML。

句法：

d3.html(input[, init]);

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

• input：这个参数是输入文件的地址。
• init：这个参数接受一个函数。

注意：在完成下面给出的示例之前，请创建一个名为 sample.html 的文件。

示例 1：文件名：sample.html

  

    
    

  

    I am a p tag
    
        alert("This is from d3.html() function")
    

  

文件名：index.html

  

    
    
    
    

  

    
        d3.html("sample.html", function (d) {
            console.log(d);
        });
    

  

输出：

示例 2：文件名：sample.html

    
    
    


    
D3.js | d3.html() Function
    
I am a p tag

文件名：index.html

  

    
    

  

    
    
    
        d3.html("sample.html", function (d) {
            d = [].map.call(d.querySelectorAll("p"), (p) => {
                var h3 = d.querySelector("h3");
                document.write(`<h3>${h3.textContent}</h3>`);
                document.write(`<p>${p.textContent}</p>`);
            })
        });
    

  

输出：