html元素改变为内联元素,javascript - 如何使用JavaScript将内联html元素替换为另一个html元素，然后将其替换为文本？ - 堆栈内存溢出...

我知道，这似乎是一个非常简单，直接的问题，但请耐心等待一分钟。

假设我们有一个看起来像这样的HTML文档：

My Awesome Example.

World History is fascinating but can also be overwhelming because of its

sheer magnitude. Every historian brings their own lens

to historical interpretation so one must not only know the historical events but

also use reasoning skills to determine when a

historian's perspective is distorting the actual historical record.

现在假设我们要替换每次出现的 ，并用另一个元素和原始元素的innerHTML替换它。 因此，最终结果将是这样的：

问题是该元素与文本内联。 我想出了一些看起来像这样的代码：

// Get the element to be replaced

let blankhtml = document.getElementByClassNames("blank-it");

// Get the text we'll use as the ID of our new element

let blanktext = document.getElementByClassNames("blank-it").innerHTML;

// Create a variable to hold input text box code

let inputtext = '';

// Prepend the input box before the blankhtml element

// Remove the old element.

这就是我卡住的地方。 因为似乎无论我使用insertBefore还是removeChild它都希望我指定父元素。 但是我怎么知道呢？ 在上面的示例中，它是一个简单的

元素，但是如果代码看起来像这样，该怎么办：

Something Goes Here

This is a an important fact.

理想情况下，在这种情况下，应该只有一个跨度，但是我们正在谈论的是用户输入的内容，因此我不能保证不会出现这种情况。

我确信这仍然是一个很简单的问题，要比告诉我使用replaceChild等稍微复杂一些。有什么想法吗？