JavaScript は指定された子要素コードを削除します。 example_javascript スキル

指定されたサブ要素を削除するネイティブ JavaScript コードの例:

この章では、ネイティブ JavaScript を使用して指定されたサブ要素を削除する方法を紹介します。
この機能を実装するには jquery を使用した方が便利であることは誰もが知っていますが、ネイティブ JavaScript を使用するのは面倒ではありません。
jquery がこの関数を実装する方法については、「指定された子要素を削除する jquery 」のコード例の章を参照してください。

コード例:

コードをコピー コードは次のとおりです:

<スタイル>
ウルリ{
幅:400px;
高さ:30px;
行の高さ:30px;
リストスタイル:なし;
}

<スクリプト>
window.onload=function(){
var obt=document.getElementById("bt");
var obox=document.getElementById("box");
var lis=obox.getElementsByTagName("li");
obt.onclick=function(){
obox.removeChild(lis[1]);
}
}

• スクリプト ハウスはあなたを歓迎します。一生懸命働くことによってのみ、より良い明日を手に入れることができます。


• 誰も最初から達人ではないので、努力しなければなりません。


• 毎日が新しいので、自分の時間を大切にしてください。

上記のコードは要件を満たしています。ここではその実装プロセスを紹介します。

コードのコメント:

1.window.onload=function(){}、ドキュメントのコンテンツが完全にロードされたら、関数内のコードを実行します。
2.var obt=document.getElementById("bt")、ボタン要素オブジェクトを取得します。
3.var obox=document.getElementById("box")、id 属性値が box である要素オブジェクトを取得します。
4.var lis=obox.getElementsByTagName("li")、box 要素の下にある li 要素のコレクションを取得します。
5.obt.onclick=function(){} で、ボタンのクリックイベント処理関数を登録します。
6.obox.removeChild(lis[1])、親要素の指定された子要素を削除します。