Este método DOM adoptNode() se usa para adoptar un Node de otro documento. Se pueden adoptar todos los tipos de Nodes. Se pueden adoptar todos los Nodes secundarios junto con el Node original. El método AdoptNode() se utiliza para devolver objetos de Node.
Sintaxis:
document.adoptNode(node)
Valor del parámetro: el método DOM adoptNode() contiene solo un método que se describe a continuación.
- Node: Se requiere cualquier tipo de Node.
Valor devuelto: Devuelve un objeto de Node, que representa el Node adoptado.
Ejemplo:
HTML
<!DOCTYPE html>
<html>
<body>
<h1><center>Geeks
<button onclick="adopt()">Press</button>
</center> </h1>
<h4>Clicking on the 'Press' button
will showcase adopt() method</h4>
<p id="gfg">
<iframe
src="https://ide.geeksforgeeks.org/tryit.php">
</iframe>
</p>
<script>
function adopt() {
var frame =
document.getElementsByTagName(
"iframe")[0];
var h =
frame.contentWindow.document.getElementsByTagName(
"button")[0];
// 'h' is button type adopted node.
var x = document.adoptNode(h);
document.body.appendChild(x);
}
</script>
</body>
</html>
Salida:
Antes de pulsar el botón:
Después de presionar el botón:
Nota: Se adoptan todos los Nodes secundarios.
Compatibilidad con navegadores: la compatibilidad de los navegadores con el método DOM adoptNode() se enumeran a continuación:
- Google cromo 1
- Borde 12
- explorador de Internet 9
- Firefox 1
- Ópera 12.1
- Safari 3
Publicación traducida automáticamente
Artículo escrito por riarawal99 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA