使用 d3.js 将标签替换为不同的 dom 元素

Question

有没有一种方法可以使用d3.js或仅使用 Vanilla JS 将 html 标签替换为不同的标签？例如，将<table></table>替换为<div></div>

<body>
  <div> 
    <table> ...... </table>
  </div> 
</body>

我已经尝试了我的实现，但它导致了一个错误。 我不确定我哪里做错了。 我需要一些建议

var customStyle = function(){
  var tbl = d3.selectAll("#" + arcapi.chartId() + ' .crosstab-table-container table');
  tbl.attr('class','loppo');
  
  var mySpan = document.createElement("span");
  tbl.parentNode(mySpan, tbl);
}

我猜这个代码不受支持，因为我正在做第三方脚本定制。

Answer 1

如何找到您要替换的标签及其父节点，然后删除此标签和 append 其他您要替换的标签？

 const table = d3.select('#table'); const parent = d3.select(table.node().parentNode); table.remove(); parent.append('div').text('append') //console.log(parent)

 <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/5.7.0/d3.min.js"></script> <div> 11 <table id="table"><tr><td>hello</td></tr></table> </div>

使用 d3.js 将标签替换为不同的 dom 元素

问题描述

1 个解决方案

解决方案1
0 已采纳 2020-08-19 13:21:20

使用 d3.js 将标签替换为不同的 dom 元素

问题描述

1 个解决方案

解决方案1 0 已采纳 2020-08-19 13:21:20

解决方案1
0 已采纳 2020-08-19 13:21:20