用appendChild添加li节点,报错,请大神帮忙呀

水中的火柴盒 2017-03-05 07:30:04

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<!--<style>
body, div, p, ul, li {
margin: 0;
padding: 0;
}
#nav {
width: 960px;
height: 35px;
background: #CCC;/*为了便于查看区域范围大小,故而加个背景色*/
margin: 0 auto;
margin-top: 30px;
}
#nav ul {
width: 960px;
height: 35px;
}
#nav ul li {
width: 100px;
height: 35px;
float: left;
line-height: 35px;
list-style-type: none;
/*background:#900;*/
text-align: center;
padding: 0 10px;
}
#nav ul li a {
color: #000;
text-decoration: none;
}
#nav ul li a:hover {
color: #03C;
}
</style>-->
<script type="text/javascript">
window.onload=function(){
var oDiv=document.getElementById('nav');
var oUl=document.getElementById('nav_ul');
var aszNavBar=["CSS学习","学前准备","入门教程","提高教程","布局教程","精彩应用"];
//var oLi=document.createElement('li');
var oLi=document.createElement('li');
oUl.appendChild('oLi');
alert(aszNavBar[0]);
};
function addLi(parent_node)
{
alert("abc");
var oLi=document.createElement('li');
parent_node.appendChild('oLi');
return oLi;
}
</script>
</head>

<body>
<div id="nav">
<ul id="nav_ul">
</ul>
</div>
</body>
</html>



哪里错了呀 ??请问大神们 帮帮忙
...全文
322 3 打赏 收藏 转发到动态 举报
写回复
用AI写文章
3 条回复
切换为时间正序
请发表友善的回复…
发表回复
蚂蚁上树 2017-03-07
  • 打赏
  • 举报
回复
oUl.appendChild(oLi);
xiaomeimei_2011 2017-03-05
  • 打赏
  • 举报
回复
oUl.appendChild('oLi'),括号参数是变量.不是字符串,把引号去掉就可以了
Go 旅城通票 2017-03-05
  • 打赏
  • 举报
回复
oUl.appendChild('oLi'); ==> oUl.appendChild(oLi);

87,919

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧