JavaScriptでDOMツリーを操作する場合、追加ボタンと削除ボタンを備えた入力ボックスなど、ノードの追加と削除に遭遇することがよくあります。クリックして入力ボックスを追加し、クリックして削除して、対応する入力ボックスを削除します。プロトタイプなどの一部のJSフレームワークでは、element.remove()を使用してノードを削除できます。 Core JSにはそのような方法はありません。 IE:removenode()にはメソッドがあります。次のコードを実行してみてください
<div> <入力onclick = "removenode(this)" type = "text" value = "この入力ボックスを削除するにはクリック" /> < /div>
この方法はIEでうまく機能することがわかりますが、Firefoxなどの標準的なブラウザーでは、removenodeは定義されていません。ただし、Core JS:RemoveChild()でDOMノードを操作する方法があります。名前を見て、子ノードを削除することであることを知っておく必要があります。次に、指定されたノードの削除に適応できます。最初に削除するノードの親ノードを見つけてから、親ノードでRemoveChildを使用して削除するノードを削除できます。 remofelementというメソッドを定義できます。
function remofelement(_element){var _parentelement = _element.parentnode; if(_ParentElement){_ParentElement.RemoveChild(_Element); }}次のコードを実行してみてください。さまざまなブラウザで正しく実行できます。
<script type = "text/javascript">関数remofelement(_element){var _parentelement = _element.parentnode; if(_ParentElement){_ParentElement.RemoveChild(_Element); }} </script> <div> <入力onclick = "remofelement(this)" type = "text" value = "この入力ボックスを削除するにはクリック"/> </div>上記は、この記事のコンテンツ全体です。 JavaScriptの詳細については、「JavaScriptリファレンスチュートリアル」と「JavaScriptコードスタイルガイド」をご覧ください。また、誰もがwulin.comをもっとサポートすることを願っています。