JS 动态添加Table 列样式没有效果
日期：2014-05-16 浏览次数：20460 次
JS 动态添加Table 列样式没有效果 在线等
<%@ page language="java" import="java.util.*" pageEncoding="ISO-8859-1"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<script type="text/javascript">
function insert(){
var table = document.getElementById('tab');
var tbody = table.firstChild;
var temp = tbody.lastChild;
var tb = document.createElement('td');
tb.setAttribute('className','123');
tb.setAttribute('bgcolor','#1233');
tb.innerHTML = '456';
temp.appendChild(tb);
}
</script>
</head>
<body>
<table id='tab' border=1 bordercolor=#000000>
<tr >
<td bgcolor='#4444'>123</td><td>456</td><td>789</td>
</tr>
<tr>
<td>123</td>
</tr>
</table>
<input type='button' onClick="insert()" value='test'>
</body>
</html>
指定添加的td 背景颜色 并没有变化
------解决方案--------------------
tb.setAttribute('bgColor', 'red');
c大写
------解决方案--------------------
<%@ page language="java" import="java.util.*" pageEncoding="ISO-8859-1"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<script type="text/javascript">
function insert(){
var table = document.getElementById('tab');
var tbody = table.firstChild;
var temp = tbody.lastChild;
var tb = document.createElement('td');
tb.setAttribute('className','123');
tb.setAttribute('bgcolor','#1233');
tb.innerHTML = '456';
temp.appendChild(tb);
}
</script>
</head>
<body>
<table id='tab' border=1 bordercolor=#000000>
<tr >
<td bgcolor='#4444'>123</td><td>456</td><td>789</td>
</tr>
<tr>
<td>123</td>
</tr>
</table>
<input type='button' onClick="insert()" value='test'>
</body>
</html>
指定添加的td 背景颜色 并没有变化
------解决方案--------------------
tb.setAttribute('bgColor', 'red');
c大写
------解决方案--------------------
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
