JS 动态添加Table 列样式没有效果 在线等
<%@pagelanguage="java"import="java.util.*"pageEncoding="ISO-8859-1"%><!DOCTYPEHTMLPUB...
<%@ 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 背景颜色 并没有变化 展开
<!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 背景颜色 并没有变化 展开
1个回答
展开全部
tb.setAttribute('bgcolor','#1233'); bgcolor是style 中的属性，不是节点中的属性，试一试这样写
tb.style.backgroundColor="#1233"
tb.style.backgroundColor="#1233"
更多追问追答
追问
tb.style.backgroundColor="#1233" 会报错无效的属性值。 改成 tb.style.bgColor = "#1233" ; 还是没有效果
追答
错了，是tb.style.background="#1233"
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
