自动创建列表

来源:互联网 发布:社交网络 扎克伯格 编辑:程序博客网 时间:2024/06/11 10:03

<html>
<head>
<title>appendChild方法使用实例</title>
</head>
<body>
<ul id="a">
<li>html</li>
<li>css</li>
</ul>
<input type="text"  value="" name="tang"/>
<input type="button" value="添加" onclick="add_li()" />
<script language="javascript">
function add_li(){
var ul = document.getElementById("a");
var li = document.createElement("li");
li.innerHTML =document.getElementById("tang").value;
ul.appendChild(li);
}
</script>
</body>
</html>

原创粉丝点击