Question

使用少量javascript出现问题，而不是经常使用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

不确定所期望的结果是什么，但您可能希望研究insertAdjacentHTML。

例如：

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

Answer 2

尝试以下代码：

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

或

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

Java脚本附加表的ID

2 个答案: