第一步:获取到ul标签
第二步:创建li标签 createElement();
第三步:创建文本 createTextNode();
第四步:把文本添加到li下面 appendChild();
第五步:把li添加到ul的末尾
<ul id="ul1">
<li>111</li>
<li>222</li>
<li>333</li>
<li>444</li>
</ul>
<input type="button" value="add" onclick="add();"/>
<script type="text/javascript">
//在末尾添加节点
function add(){
//获取到ul标签
var ul1=document.getElementById("ul1");
//创建标签
var li1=document.createElement("li");
//创建文本
var tex1=document.createTextNode("555");
//把文本加入到li下面
li1.appendChild(tex1);
//把li加入到ul下面
ul1.appendChild(li1);
}
</script>