<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<script>
function addt(){
//获取文本输入框中的内容
var text1=document.getElementById("t").value;
//获取到Ul列表
var ul=document.getElementById("u");
//创建元素Li
var li=document.createElement("li");
//向li中添加内容
li.innerHTML=text1;
//向ul追加元素li
ul.appendChild(li);
}
</script>
</head>
<body>
<ul id="u">
</ul>
<input type="text" id="t"/><!--文本输入框-->
<input type="button" value="添加" onClick="addt()"/><!--添加按钮-->
</body>
</html>
如果你想让字体有颜色，在输入框内输入：<font color="#FF0000">这里写你想要内容</font>