insertadjacenthtml

insertAdjacentHTML 是 JavaScript 中的一个方法，用于在 HTML 元素的指定位置插入 HTML 字符串。它接受两个参数：第一个参数是插入的位置（'beforebegin'、'afterbegin'、'beforeend'、'afterend'），第二个参数是要插入的 HTML 字符串。

使用示例：

<div id="example">
    <p>这是一个段落。</p>
</div>

<script>
    var example = document.getElementById("example");
    example.insertAdjacentHTML('afterbegin', '<p>这是新插入的段落。</p>');
</script>

在这个例子中，我们使用 insertAdjacentHTML 在 example div 的开头插入了一个新的段落。

相关问题

insertAdjacentHTML

`insertAdjacentHTML`是JavaScript中的一个DOM方法，它允许你在网页文档对象模型（DOM）中指定的位置插入HTML内容，而无需创建新的元素节点。这个方法主要用于动态修改页面布局。

它的语法通常是这样的：

element.insertAdjacentHTML(position, htmlString);

其中，
- `element`: 要操作的DOM元素。
- `position`: 插入位置，可以是以下几个常量之一：
- `"beforebegin"` 或 `0`: 在元素之前插入。
- `"afterbegin"` 或 `1`: 在元素的第一个子节点之前插入。
- `"beforeend"` 或 `-1`: 在元素的最后一个子节点之后插入。
- `"afterend"` 或 `null` 或 `undefined`: 在元素之后插入。
- `htmlString`: 需要插入的HTML字符串。

例如：

const div = document.getElementById('myDiv');
div.insertAdjacentHTML('beforeend', '<p>这是新插入的内容</p>');

这将在`myDiv`元素的末尾添加一个新的段落。

body.insertAdjacentHTML

body.insertAdjacentHTML是一个用于在HTML文档中插入HTML代码的方法。它可以在指定的位置插入HTML代码，而不会影响到其他的HTML代码。该方法有四个参数，分别是插入的位置、插入的HTML代码、插入的位置相对于当前元素的位置、插入的HTML代码是否在当前元素的前面。其中，插入的位置有四个选项：beforebegin、afterbegin、beforeend和afterend，分别表示在当前元素的前面、在当前元素的内部前面、在当前元素的内部后面和在当前元素的后面插入HTML代码。需要注意的是，当插入的HTML代码中包含无效的HTML标签时，该方法可能会出现运行时错误。