javascript:如何使用隐藏标签直接更新较大对象的文本而不添加换行符？

Question

当然，我们可以像这样更新一个对象的所有文本:

document.getElementById(objId).innerHTML = "some text we like";

我要做的是更新现有文本的一个子集，要替换的目标由隐藏标签标识。因此，例如，不必在我自己的代码中解析这样的东西:

<p> Here's a huge block of text, many lines long and
**here's the part I want to update,** buried within it and yet there's even more afterwards.</p>

...相反，我想(并且可以)做这样的事情:

<p> Here's a huge block of text, many lines long and <option id="target">**here's the part I want to update,**</option> buried within it and yet there's even more afterwards.</p>

...然后更新为:

document.getElementById("target").innerHTML = "replacement text we like";

不出所料，这有效，但是，它具有添加换行符的效果，就好像有一个 <br>标记<option>和 </option> .

这是调用的有效结果:

<p> Here's a huge block of text, many lines long and<br> replacement text we like<br> buried within it and yet there's even more afterwards.</p>

如何在不插入换行符的情况下执行此操作？

Answer 1

您可以使用 <span> 来做到这一点标签而不是 <div> .这是一个工作 JSFiddle .