2017-11-03 25 views
0

htmlの本文から要素を削除するときに、次の2つの方法の違いは何ですか?私は周りに遊んでみて、コードの最初の行を構成し、それは正常に動作します。それがうまくいかない状況はありますか? 2番目の行でparentNodeを呼び出す必要がある理由もわかりません。Javascript - 削除方法の違いを説明する(説明に記載)

document.body.removeChild(resetButton); 

resetButton.parentNode.removeChild(resetButton);  

ここでは参照用の完全なコードです。

<!DOCTYPE html> 
<html> 
<head> 
</head> 
<body> 
<script> 
var resetButton = document.createElement('button'); 
    resetButton.textContent = 'Start new game'; 
    document.body.appendChild(resetButton); 

    //document.body.removeChild(resetButton); 
    //resetButton.parentNode.removeChild(resetButton); 

</script> 
</body> 
</html> 

答えて

2

resetButtonの直接の子でない場合には動作しません。しかし、私はまだ方法3を取るでしょう:

resetButton.remove();