怎么给动态创建的表格添加表格线
日期：2014-05-16 浏览次数：20467 次
如何给动态创建的表格添加表格线
<script type="text/javascript">
function loadData() {
var data = {"百度":"http://www.baidu.com","新浪":"http://www.sina.com","CSDN":"http://www.csdn.net"};
var tableLinks = document.getElementById("tableLinks");
for(var key in data){
var value = data[key];
var tr = document.createElement("tr");
var td1 = document.createElement("td");
td1.innerText = key;
tr.appendChild(td1);
var td2 = document.createElement("td");
td2.innerText = value;
tr.appendChild(td2);
tableLinks.appendChild(tr);
//为表格动态添加样式
//tableLinks.style.border="2px solid #0000FF";
}
}
</script>
<!--网页内容-->
<body>
<table id="tableLinks"></table>
<input type="button" value="加载表数据" onclick="loadData()" />
</body>
------解决方案--------------------
<table id="tableLinks" border="1"></table>
<script type="text/javascript">
function loadData() {
var data = {"百度":"http://www.baidu.com","新浪":"http://www.sina.com","CSDN":"http://www.csdn.net"};
var tableLinks = document.getElementById("tableLinks");
for(var key in data){
var value = data[key];
var tr = document.createElement("tr");
var td1 = document.createElement("td");
td1.innerText = key;
tr.appendChild(td1);
var td2 = document.createElement("td");
td2.innerText = value;
tr.appendChild(td2);
tableLinks.appendChild(tr);
//为表格动态添加样式
//tableLinks.style.border="2px solid #0000FF";
}
}
</script>
<!--网页内容-->
<body>
<table id="tableLinks"></table>
<input type="button" value="加载表数据" onclick="loadData()" />
</body>
------解决方案--------------------
<table id="tableLinks" border="1"></table>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
