この記事では、ネイティブJavaScriptを使用して指定されたHTML要素を削除する方法について説明します。参照のためにそれを共有してください。特定の実装方法は次のとおりです。
次のようにコードをコピーします:<!doctype html>
<html>
<head>
<メタcharset = "utf-8">
<Meta name = "Author" content = "// www.vevb.com/"/>
<title> wulin.com </title>
<style>
#コンテンツ{
幅:200px;
高さ:20px;
色:赤;
}
</style>
<スクリプト>
window.onload = function(){
var obk = document.getElementById( "bt");
var odiv = document.getElementById( "content");
obt.onclick = function(){
ODIV.ParentNode.RemoveChild(ODIV);
}
}
</script>
</head>
<body>
<div id = "content"> wulin.com </div>
<input type = "button" id = "bt" value = "view effect"/>
</body>
</html>
ネイティブJavaScriptでは、現在、要素自体を削除できる方法はありません。削除する場合は、親ノードのRemoveChild()メソッドを使用して、指定された子要素を削除できます。コードは比較的簡単です。ここでは紹介しません。興味のある友達は関連情報を参照できます。
この記事の説明が、JavaScriptに基づいたすべての人のWebプログラミングに役立つことを願っています。