首页 > 代码库 > javascript动态添加表格以及获取数据
javascript动态添加表格以及获取数据
<script type="text/javascript">
var dict = {
‘百度‘: ‘http://wwww.baidu.com‘,
‘新浪‘: ‘http://www.sina.com‘,
‘谷歌‘:‘http://www.google.com‘
}
window.onload = function () {
//注册点击事件
document.getElementById(‘btn1‘).onclick = function () {
//动态创建表格
var tablewebsiteList = document.createElement(‘table‘);
tablewebsiteList.border = ‘1‘;
//遍历数据
for (var key in dict) {
//创建行对象
var trObject = document.createElement(‘tr‘);
//创建列对象
var td1 = document.createElement(‘td‘);
td1.innerHTML = key;
var td2 = document.createElement(‘td‘);
//根据key找到链接
td2.innerHTML = ‘<a href="http://www.mamicode.com/‘ + dict[key] + ‘">‘ + key + ‘</a>‘
//把列加到行中
trObject.appendChild(td1);
trObject.appendChild(td2);
//把行加到表格中
tablewebsiteList.appendChild(trObject);
}
//把表格加到body中
document.body.appendChild(tablewebsiteList);
};
};
</script>
</head>
<body>
<input type="button" name="name" value="http://www.mamicode.com/动态生成表格对象"id="btn1" />
</body>
javascript动态添加表格以及获取数据
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。