メッセージボードにメッセージを追加および削除するための JavaScript

<スクリプト>
        // 必要な要素オブジェクトを取得します。var text = document.querySelector('textarea');
        var btn = document.querySelector('ボタン');
        var ul = document.querySelector('ul');
        // イベントを登録します btn.onclick = function () { // クリック イベントを公開ボタンにバインドします if (text.value == '') { // text.value が空かどうか、つまりユーザーが入力したコンテンツがあるかどうかを判断します alert('空のコンテンツを公開することはできません!');
                false を返します。
            } else { // ユーザーが入力したコンテンツがある場合、そのコンテンツが取得され、作成された要素 li に割り当てられて表示されます // 1. 要素を作成します var li = document.createElement('li');
                li.innerHTML = text.value + "<a href='javascript:;' title='このメッセージを削除'>削除</a>"; // ユーザーが入力したコンテンツを、作成された li 要素に割り当て、その後のメッセージ削除のために末尾に a タグを追加します // 2. 要素を追加します // ul.appendChild(li); // この方法では、メッセージが後で表示されます ul.insertBefore(li, ul.children[0]); // 新しく追加されたメッセージを一番上に、つまり下から上の順序で表示します // 要素を削除します: 現在の a タグが配置されている li ノード、つまりその親要素を削除します var as = document.querySelectorAll('a');
                (var i = 0; i < as.length; i++) の場合 {
                    as[i].onclick = 関数（）{
                        // 削除される li 要素は a の親要素、つまり this.parentNode です。
                        ul.removeChild(this.parentNode); // ul 内の li ノードを削除します。li は現在の a タグの親ノードなので、それらの関係に注意してください。}
                }
            }
            text.value = ''; // 最後に、別のメッセージを表示できるようにメッセージ入力ボックスの内容をクリアします}
</スクリプト>

node.removeChild(child); // node は親要素、child は node 内の子要素です