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

有人能帮我在d3js中完成这项工作吗

我的html标签如下所示

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

d3.选择Allli.移除

---

下面是应该可以工作的代码：

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

---

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

如果您的moto只是编辑li标记中的文本，您可以使用innerHtml javascript方法。这是最好的方法 例如

如果您想在您的案例中替换Element（这不是必需的），您可以使用它

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

<script>
var para = document.createElement("li");
var node = document.createTextNode("Some other Text");
para.appendChild(node);

var parent = document.getElementById("source1");
var child = document.getElementById("liId");
parent.replaceChild(para,child);
 </script>

---

希望这有帮助

你到底有什么问题？你真正想要什么？是否要删除标记之间的源内部文本。我要用新文本替换li文本首先删除UL li，然后重新创建UL li。最好只更新LI。@user3420762，我已尝试删除UL和LI标记并获得成功，但我无法在taggetElementbyId中重新创建我的UL LI。该ID必须是getElementById。@user3420762:D键入：。我应该把你的小提琴系上吗？或者你想写你的答案？

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

<div id="source1"><ul><li id="liId">Source</li></ul></div>
 document.getElementById('liId').innerHTML="Some other text";

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

<script>
var para = document.createElement("li");
var node = document.createTextNode("Some other Text");
para.appendChild(node);

var parent = document.getElementById("source1");
var child = document.getElementById("liId");
parent.replaceChild(para,child);
 </script>