HTML DOM adoptNode() 方法 | HTML DOM Document 对象

返回到:DOM 对象:HTML DOM Document 对象

定义与用法

adoptNode() 方法用于从另外一个文档中获取一个节点。

节点可以是任何节点类型。

注意: 节点下的所有子节点都会获取到。

注意: 节点及其子节点会再源文档中删除。

提示: 使用 document.importNode() 方法来拷贝节点,但原文档中的节点不删除。.

提示: 使用 element.cloneNode() 方法来拷贝当前文档的节点,且节点不会被删除。

浏览器支持

表格中的数字表示支持该方法的第一个浏览器的版本号。

方法谷歌IE火狐苹果opera
adoptNode()Yes9.03.0Yes9.0

语法

document.adoptNode(node)

参数值

参数类型描述
node Node 对象必须。另外一个文档的节点,可以是任何节点类型。

技术细节

DOM 版本:Core Level 3 Document Object
返回值:Node 对象,表示获取的节点

实例

获取 iframe 中的第一个 H1 元素的,并将其插入到当期文档中:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Web176教程网(web176.com)</title>
</head>
<body>

<iframe src="https://www.jiangweishan.com" style="height:380px;width:520px;"></iframe>

<p>点击以下按钮获取 iframe 中 h1 节点,并显示在本页中。</p>

<p><strong>注意:</strong> Internet explorer 8 及更早 IE 版本支持该方法。</p>

<button onclick="myFunction()">点我</button>

<script>
function myFunction() {
    var frame = document.getElementsByTagName("IFRAME")[0]
    var h = frame.contentWindow.document.getElementsByTagName("H1")[0];
    var x = document.adoptNode(h);
    document.body.appendChild(x);
}
</script>

</body>
</html>

作者:terry,如若转载,请注明出处:https://www.web176.com/javascriptbook/domtips/4570.html

(0)
打赏 支付宝 支付宝 微信 微信
terryterry
上一篇 2021年12月14日 下午2:57
下一篇 2021年12月14日 下午3:28

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注