ul或者ol中添加li元素

<!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>