javascript - Lors de la suppression du DOM à l'aide de Removechild, vous devez d'abord obtenir l'élément parent, mais lors de l'insertion avant, vous n'avez pas besoin d'accéder à l'élément parent. et peut être utilisé directement
学习ing
2017-06-14 10:53:43
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<button id='btn'>创建元素</button>
<script type="text/javascript">
var btn = document.getElementById('btn');
//注册点击事件
btn.onclick = function(){
//创建一个元素
var h1 = document.createElement('h1');
h1.innerHTML = "这是新增h1标签";
console.log( h1 );
//使用appendChild的方式
//document.body.appendChild( h1 );
//使用insertBefore的方式
//是在父元素中，先找一个节点，然后插入到它之前
document.body.insertBefore(h1,btn); //新插入的节点是h1，作为第一个参数
}
</script>
</body>
</html>
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<p id="box">
<h2>删除操作</h2>
<p>段落1</p>
</p>
<button id='btn'>删除</button>
<script type="text/javascript">
//找父节点p
//var box = document.getElementById('box');
//找子节点h2
var h2 = document.getElementsByTagName('h2')[0];
var btn = document.getElementById('btn');
btn.onclick = function() {
//box.removeChild( h2 );
h2.parentNode.removeChild( h2 );
}
</script>
</body>
</html>
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
L'API DOM est conçue de cette façon.
L'élément parent debody就是h1.Bien que
h1是一个Element，但是这个方法都是继承了Node.Node.insertBefore()
Grammaire
Paramètres et valeurs de retour
insertedElement是被插入的节点，即newElementparentElementest le nœud parent du nœud nouvellement insérénewElementest le nœud inséréreferenceElementLe nœud avant l'insertionreferenceElement在插入newElementRegardez à nouveau Node.removeChild
Grammaire
Paramètres
childest le nœud enfant à supprimer.nodeest le nœud parent de l'enfant.oldChild保存对删除的子节点的引用.oldChild === child.le corps est aussi un élément.