问题标签 [insertadjacenthtml]

我需要用 div 包裹父母的所有孩子。在下面的示例中，我设法在每个父母之后放置了一个 div 标签，但是如何在孩子的末尾放置一个 end /div 标签。

我尝试使用 document.createElement，现在使用 insertAdjacentHTML ...，解决此问题的最佳方法是什么，或者编码它的最佳方法是什么？

它应该看起来像：

为尼克编辑： 这是文本（参见 Parent1）：

我用你的代码得到它

它应该看起来：

我正在尝试删除 FirebaseDatabase 中的一些条目，但遇到了问题。控制台Uncaught SyntaxError: Invalid or unexpected token仅在第一个条目中返回错误，其他条目返回Uncaught ReferenceError: MXcLdklS39mrnk7PQEe is not defined at HTMLButtonElement.onclick.

代码如下：

当我从条目中单击删除按钮时，应该打开一个警报，但没有任何反应。

我已经检查了按钮元素的 id，所有这些都是正确的并且存在于数据库中。

我希望有人能帮助我。

我最近发现使用 setInnerHtml 并不是一个好习惯，因为它存在很多性能和安全问题。所以我想知道用“insertAdjacentHTML”替换 setInnerHtml 是否可以？

另外，我应该如何完全重新填满一张桌子？就像删除父元素的子元素，表格主体，并用 insertAdjacentHTML 重新填充它。

我目前在做什么

这种做法是否违背了使用 insertAdjacentHTML 的目的，因为我仍在使用 innerHTML。当我用 innerHTML 将其设置为空时，我没有进行任何复杂的 DOM 操作，是吗？

我正在使用react-jsx-parser npm 包，我有以下代码：

生成器.tsx

但这不起作用，我在下面得到错误，我做了一些研究，找不到任何解决方案。

i am trying to reuse a function that will render contents anywhere i use it outside of it's birthplace. i have this code which fetches data from API

thing is i wanna reuse this makrup variable in some other places as well. i tried to wrap this markup inside a function..

as it tried to render it like this..

as you guessed,it did not work,whether i close the function with parenthesis or not.

i also tried to return markup and html elements putting it inside an array.did not work either. or is there any other way u can reuse this code in some other places? can you plz help?

我有这段代码，它可以按我的意愿运行。目标是用粗体标签封装元素（“TEST”）. 我只想知道是否有任何单一的内置方法可以通过 html 标签封装元素？类似于 insertAdjacentHTML ，但 insertAdjacentHTML 会自动关闭标签。所以在这种情况下，我不能做 2x insertAdjacentHTML（< b>的afterbegin和 </b> 的 beforeend）。

我可以毫无问题地使用下面的代码，我只是好奇是否有办法封装元素。

我无法使用 insertAdjacentHTML 在“开始之前”插入 deleteElement，因为 HTMLElement 类型的参数不能分配给 String 类型的参数。

deleteElement 不能作为参数传递给 insertAdjacentHTML，因为它不是类型字符串的 HTMLElement。

我的解决方法是使用 prepend 但这似乎不等同于“beforebegin”语句。

是否有更好的解决方法，使其等效于以下语句？

我正在使用document.body.insertAdjacentHTML. 一旦我这样做，元素就会弹出但位于页面的最顶部，该方法只有 4 个不同的位置可供选择，所以我想知道如何更改元素的位置或至少如何使用position: fixed它导致它现在不工作。

我想在一个 idtable之后显示一个. 的 HTML是硬编码的：h1pageHeadingh1<h1 id="pageHeading">Table</h1>

该表是使用 Javascript 创建的：

我尝试了以下方法：

这将打印table页面上最后一个 HTML 元素之后的但。

然后我尝试了：

tableHeading.appendChild(表)

这将打印table但在h1.

最后，我尝试了：

这根本不打印表格。相反，我得到（在 之后h1）：

这可能是因为我.insertAdjacentHTML在table内容上使用（请参阅下面的完整代码）？

目标是通过单击一个元素来触发一个事件，这将创建一个具有相同标签、类和事件侦听器的新元素，以创建另一个相同类型的元素......

然而，当一个新元素被动态创建时，尽管应用了 .querySelectorAll 和 .forEach，它仍然缺少事件监听器。那么如何使用事件监听器动态创建元素呢？