问题标签 [insertadjacenthtml]

我正在尝试使用 insertAdjacentHTML 打开模式，所以问题是 insertAdjacentHTML 模式在插入到 DOM 时没有打开。我只能假设我错过了一个简单的概念。请帮忙 ：）

我正在使用 ngx-extended-pdf-viewer，我想在每个页面上添加一个 div.. 它按预期工作.. 我的 dom 看起来像这样：（带有class="con"的 div是我添加的）

带有 div 的屏幕截图 dom

但如果我要按下缩放按钮 - 添加的 div 消失了..

没有 div 的截图 dom

我的代码如下所示：

有人可以告诉我，如何实现元素始终留在那里？（任何建议都可能会有所帮助——我也愿意接受其他建议以在 pdf-viewer 中添加 div——也许是其他模块，或者 jQuery 在这种情况下是否有帮助？）

我有一个有效的 JS 脚本，允许我插入一些 HTML 元素。现在我希望将要插入的元素放入一个新文件中，以使我的代码更干净、更灵活。我读过我可以使用insertAdjacentElement但我不确定我是否理解这个过程。

有没有办法这样做？

我正在尝试使用 .on 来监听事件。

html:

JS：

无法识别对输入字段的更改。

此外，我希望 .on 能够识别对我使用以下函数注入的新 html 所做的更改：

我不确定我的 .on 语法是否正确。我正在尝试使用“#group_names”作为选择器，但不确定我是否做得对。

谢谢

我有一个先前的问题，有人告诉我 document.write 会清除所有功能，并改用 insertAdjacentHTML，但是当我尝试时，结果相同。代码仍然说 myFunction 没有定义。我究竟做错了什么？

当我尝试将新作业渲染到 DOM 时，会显示上述错误。模板文字从我的 Job.js 文件中的 getJob() 函数中选择数据。当我从查询搜索中单击特定工作时，id 选择起作用。但是，当我执行相同的单击时，以下元素不会显示在 DOM 中。为什么我选择的元素为空？

JS代码：

HTML 标记：

我正在创建一个动态添加它的段落，然后为其分配一个 ID。当段落被创建时，id 不会。我保留了一个返回未定义的警报。这可能是因为创建 id 的代码在段落之前执行。被建造。有没有办法等待元素被创建然后分配id。一些。事件侦听器或操作完成侦听器。这是我采用和修改的代码来解释我正在尝试做的事情：

我需要仅使用 JavaScript 将文本添加到网页上的元素（刚开始在我的 JS 课程中学习 DOM）。它是一个 h3 元素，带有 HTML 代码：

当我仅使用 JavaScript 加载页面时，我需要将其更改为“我们需要了解 JavaScript 的内容列表”。我尝试了几种不同的方法，但似乎都没有奏效。其中一个例子是：

我使用了上面的代码以及许多其他代码，我感到非常沮丧。我想我可以通过删除当前的 h3 元素并创建一个新的 h3 元素来解决这个问题，但宁愿做一些更直接的事情。

TYIA

我们有一个包含以下脚本块的组件，用于插入一个 js 可观察图像，该图像在出现时会更新：

当组件直接加载到页面上时，这很有效，但是，当它由于 ajax 调用而在 html 中并附加到页面时，它不再添加图像 - 我猜这是因为document.currentScript没有更长的脚本标签，但正在执行 ajax 的脚本：

有没有办法让insertAdjacentHTML脚本标签中的这个在ajax调用中工作 - 如果我insertAdjacentHTML用一个简单的替换document.write它，它在这两种情况下都可以工作，但我无法使用它，因为它会使我们的编码分析策略失败

这是我的 HTML：

这是我尝试与 insertAdjacentHTML 一起使用的代码：