核となるアイデア：ボタンをクリックした後、あなたはダイナミックリーを作成し、ULは、内部に追加しました。
李は、同時にli.innerHTMLリーに割り当てられた値内のテキストフィールドを作成しました。
あなたがのinsertBeforeと前面に表示したい場合は、appendChildと背中に新しいメッセージを表示したい場合は、
<！DOCTYPE HTML>
<HTML LANG = "EN">
<ヘッド>
<メタ文字セット= "UTF-8">
<メタ名=「ビューポート」コンテンツ=「幅=装置幅、初期の規模= 1.0」>
<META HTTP-当量= "X-UA-互換性のある" コンテンツ= "IE =エッジ">
<タイトル>ドキュメント</ TITLE>
</ head>の
<身体>
<TEXTAREA名= "" ID = "" COLS = "30" 行= "10"> </ TEXTAREA>
<ボタン>按钮</ボタン>
<UL> </ UL>
<スクリプト>
VaRのTXT = document.querySelector（ 'テキストエリア'）;
VaRのBTN = document.querySelector（ 'ボタン'）;
VAR = document.querySelectorサイト（ "サイト"）;
btn.onclick =関数（）{
IF（txt.value == ''）{
警告（「空ではありません」）;
falseを返します。
}他{
VAR李=のdocument.createElement（ '李'）;
li.innerHTML = txt.value + '<a href="javascript:;">删除</a>の';
ul.insertBefore（LI、ul.children [0]）。
VARとして= document.querySelectorAll（ 'A'）。
用（VARのJ = 0; J <as.length; J ++）{
[J] .onclick =関数（）{
ul.removeChild（this.parentNode）
}
}
}
}
</ SCRIPT>
</ BODY>
</ HTML>