この記事では、JSがノード要素の追加、交換、削除を実装する方法について説明します。次のように、参照のために共有してください。
特に特定のノードに挿入した後、私は常にノード操作について混乱してきました。そのような方法はありません。以前に書いた方法に問題があります。新しいノードを古いノードに挿入する必要がありますか？または、挿入前の方法を使用して実装する必要があります。
これが方法です：
<！doctype html public " - // w3c // dtd html 4.01 transitional // en" "http://www.w3.org/tr/html4/loose.dtd"> <html> <head> <！ - 作成されたtopStyle pro trialバージョン</head> <body onload = "insertmessageaffter（）"> <p id = "p1"> hello world </p> </body> </html> <script>関数removemessage（）{var op = document.getElementbyIdx_x（ "p1"）; //document.body.removechild(op）; //op.parentnode親クラスnode op.parentnode.removechild（op）を返します。 } function taclemessage（）{var newop = document.createelement_x（ "p"）; newop.appendChild（document.createTextNode（ "Hello Java"））; //alert(newop.innerhtml）; var oldop = document.getElementByIdx_x（ "p1"）; //document.body.removechild(op）; //op.parentNode親クラスNode Oldop.ParentNode.ReplaceChild（Newop、Oldop）を返します。 //document.body.replacechild(newop,oldop）} function insertmessagebefore（）{var newop = document.createelmenet_x（ "p"）; newop.appendChild（document.createTextNode（ "Hello Java"））; var oldop = document.getElementByIdx_x（ "p1"）; oldop.parentnode.insertbefore（newop、oldop）; } function insertMessageAffter（）{var newop = document.createElement_x（ "p"）; newop.appendChild（document.createTextNode（ "Hello Java"））; var oldop = document.getElementByIdx_x（ "p1"）; intersuter（newop、oldop）; } function insert before（newnode、oldnode）{oldnode.parentnode.insertbefore（newnode、oldnode）; } function intersionAfter（newNode、OldNode）{// OldNode var nextNode = oldNode.nextsiblingの後に同じカテゴリのタグがあるかどうかを判断します。 if（nextnode）{//そうでない場合、それはnullです、それはfalseです、もしある場合、それはtrue oldnode.parentnode.inestbefore（newnode、nextnode）です。 } else {oldnode.parentnode.appendChild（newNode）; }} </script>JavaScript関連のコンテンツの詳細については、このサイトのトピックをご覧ください：「JavaScript操作DOMスキルの要約」、「JavaScript置換操作技術の要約」、「JavaScript値転送手法の概要」、JavaScriptエンコーディング操作技術の要約」、Javascriptの概要の概要の概要「JavaScript検索アルゴリズムのスキルの要約」、「JavaScriptアニメーション効果とテクニックの概要」、JavaScriptエラーとデバッグテクニックの概要」、「JavaScriptデータ構造とアルゴリズムテクニックの要約」、「JavaScript Traversal Algorithms and of operations Mathematの概要」の要約 "の要約"、および「操作の操作」と「操作」の操作の操作の操作」の操作の操作の概要
この記事がみんなのJavaScriptプログラミングに役立つことを願っています。