発生し（要素ノードを追加または削除）ユーザーがDOM構造を変更したときに、イベントを変更します。
DOM要素が追加またはDOMから削除されているすべての時間は、DOM構造が変化し、この変更は、変更イベントを触れます。
1 <HTML> 2 <ヘッド> 3 <タイトル>变动事件</タイトル> 4 <メタのcharset = " UTF-8 " > 5 <メタ名= " ビューポート"コンテンツ= " 幅=デバイス幅、初期スケール= 1.0 " > 6 </ HEAD> 7 <BODY> 8 <P>变动事件</ P> 9 <UL ID = " UL " > 10 <LI>油条</ LI> 11 <LI> パン</ LI> 12である <LI> M餃子</ LI> 13は <LI> <A>魚粉</a>の</ LI> 14 </ UL>が 15 <ボタンのID = " btnAdd " >追加</ボタン> 16 <スクリプト> 。17 VAR Elul =のdocument.getElementById（' UL ' ）; 18である VARの BTN =のdocument.getElementById（' btnAdd ' ）; 19 20 （追加機能）{ 21である // 新しい要素の作成 22は VAR Newel =のdocument.createElement（' リー' ）。 23 // 新しいテキストを作成します。 24 VARをnewText = document.createTextNode（' カード' ）; 25 // テキスト要素に 26である newel.appendChild（をnewText）; 27 // 親に新しい要素を追加する 28 elul.appendChild（Newel）; 29 } 30 31である btn.addEventListener（' クリック'、追加、偽に）; 32 elul.addEventListener（' DOMNodeInserted '、MyFunctionを、偽に） 33である 34れます MyFunctionを関数（）{ 35 アラート（' だけOHノードを挿入' ）; 36 } 37 </ SCRIPT> 38である </ BODY> 39 </ HTML>