document.importNode
时间: 2023-07-08 13:49:15 浏览: 124
HTML DOM Document 对象
`document.importNode` 是一个 JavaScript 的 DOM 方法,用于复制节点并将其插入到文档中。
具体来说,`importNode` 方法接受两个参数:要复制的节点和一个布尔值。第二个参数表示是否复制节点的子元素。如果为 `true`,则会同时复制节点和其子元素;如果为 `false`,则只会复制节点本身而不会复制其子元素。
例如,可以使用以下代码复制一个 `div` 元素并将其插入到文档中:
```
const div = document.createElement('div');
div.textContent = 'Hello, world!';
const copy = document.importNode(div, true);
document.body.appendChild(copy);
```
在上面的代码中,首先创建了一个 `div` 元素,并设置其文本内容为 `'Hello, world!'`。然后使用 `document.importNode` 方法将该元素复制,并将复制后的元素插入到文档的 `body` 元素中。
需要注意的是,使用 `importNode` 方法复制的节点并不会被自动插入到文档中,需要手动将其插入到文档中。此外,复制的节点是一个全新的节点,与原节点没有任何关联。
阅读全文