关于JS，我想用JS创建一个单行表格，在表格里插入A标签，当导航用，代码应该以写？
varxeg=[];xeg[0]={label:"首页",data:"index.html"};xeg[1]={label:"天气",data:"mahjong.html...
var xeg=[];
xeg[0]={label:"首页",data:"index.html"};
xeg[1]={label:"天气",data:"mahjong.html"};
xeg[2]={label:"城市",data:"landlord.html"};
表格分xeg.length个单元格，单元格文字是对象.label,连接就是.data了，求代码，最好能在各个浏览器运行
文字在单元格可以居中显示吗 展开
xeg[0]={label:"首页",data:"index.html"};
xeg[1]={label:"天气",data:"mahjong.html"};
xeg[2]={label:"城市",data:"landlord.html"};
表格分xeg.length个单元格，单元格文字是对象.label,连接就是.data了，求代码，最好能在各个浏览器运行
文字在单元格可以居中显示吗 展开
展开全部
这很简单，循环下就可以了。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>index</title>
<style type="text/css">
#div_bar td{width:80px;text-align:center;}
</style>
<script type="text/javascript">
var xeg=[];
xeg[0]={label:"首页",data:"index.html"};
xeg[1]={label:"天气",data:"mahjong.html"};
xeg[2]={label:"城市",data:"landlord.html"};
window.onload=function(){
var html="<table><tr>";
for(var i=0;i<xeg.length;i++){
html+=("<td><a href='"+xeg[i].data+"'>"+xeg[i].label+"</a></td>");
}
html+="</tr></table>";
document.getElementById("div_bar").innerHTML=html;
}
</script>
</head>
<body>
<div id="div_bar"></div>
</body>
</html>
追问
不错啊，实现了，但有一问题， 下面的widh可以用JS修改吗，要动态的
#div_bar td{width:80px;text-align:center;}
追答
可以的，如下：
var tds=document.getElementById("div_bar").getElementsByTagName("td");
for(var i=0;i<tds.length;i++){
tds[i].style.width=100+"px"
}上面是设置全部宽度，同理可以设置某个宽度。
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
