带有ID的Javascript追加表

Question

有一个小问题的问题，不经常使用JavaScript。

    <script type="text/javascript"charset="utf-8">
        d3.text("#location#", function(data) {
            var parsedCSV = d3.csv.parseRows(data);

            var container = d3.select("body")
                .append("table",'myTable')

                .selectAll("tr")
                    .data(parsedCSV).enter()
                    .append("tr")

                .selectAll("td")
                    .data(function(d) { return d; }).enter()
                    .append("td")
                    .text(function(d) { return d; });
        });
    </script>

我想附加一个具有特定ID的表

我有另一个JavaScript，使我能够搜索导入的CSV文件

function searchtable() {
  var input, filter, table, tr, td, i, txtValue;
  input = document.getElementById("myInput");
  filter = input.value.toUpperCase();
  table = document.getElementById("myTable");
  tr = table.getElementsByTagName("tr");

  for (i = 0; i < tr.length; i++) {
    td = tr[i].getElementsByTagName("td")[0];
    if (td) {
      txtValue = td.textContent || td.innerText;
      if (txtValue.toUpperCase().indexOf(filter) > -1) {
        tr[i].style.display = "";
      } else {
        tr[i].style.display = "none";
      }
    } 
  }
}

有没有更简单的方法来解决这个问题？

Answer 1

试试这段代码：

var container = d3.select("body")
                  .append(  d3.creator("table").attr("id", "myTable")  );

要么

var container = d3.select("body")
                  .append("table").attr("id","mytable")

Answer 2

不确定您期望的结果，但您可能希望查看insertAdjacentHTML。

例如：

let csvData = "Hello World!";
let tbl = document.getElementById("myTable");
tbl.insertAdjacentHTML('beforeend',
    '<tr>' +
    '<td>' + csvData + '</td>' + 
    '</tr>'
 );