javascript - 如何使用 javascript 在 html 中删除和创建新的 ul li 标签

Question

任何人都可以帮助我在 d3js 中完成这项工作

我的html标签如下

<div id="source1"><ul><li>Source</li></ul></div>

我想修改 <li>Source</li>与 <li>some other text</li>通过删除 DIV id source1 中的所有 UL LI 标签并在 div id source1 中创建新的 UL LI 标签

我的代码在这里

d3.selectAll("ul").remove()

d3.selectAll("li").remove()

var test=document.getElementbyId('source1');
var ul=document.createElement('ul');
document.body.appendChild(test);
test.appendChild(ul);
var li=document.createElement('li');
ul.appendChild(li);
li.innerHTML="some other text";

Answer 1

这里是应该工作的代码:

var test=document.getElementById('source1');
var li=test.children[0].children[0];
li.innerHTML="some other text";

您可以只更改文本而不是重新创建元素。