求助HTML JavaScript
<HTML><HEAD><STYLEtype="text/css">.0{background-color:#FFFFFF;}.1{background-color:#F...
<HTML>
<HEAD>
<STYLE type="text/css">
.0 { background-color: #FFFFFF;}
.1 { background-color: #FFE699;}
</STYLE>
</HEAD>
<BODY>
<TABLE border="1">
<TR><TD class="0">XXXXXX</TD><TD class="0">XXXXXX</TD></TR>
<TR><TD class="0">XXXXXX</TD><TD class="0">XXXXXX</TD></TR>
</TABLE>
</BODY>
</HTML>
能不能实现在网页里单击单元格，class="0" 改成 "1" ，并保存。 展开
<HEAD>
<STYLE type="text/css">
.0 { background-color: #FFFFFF;}
.1 { background-color: #FFE699;}
</STYLE>
</HEAD>
<BODY>
<TABLE border="1">
<TR><TD class="0">XXXXXX</TD><TD class="0">XXXXXX</TD></TR>
<TR><TD class="0">XXXXXX</TD><TD class="0">XXXXXX</TD></TR>
</TABLE>
</BODY>
</HTML>
能不能实现在网页里单击单元格，class="0" 改成 "1" ，并保存。 展开
4个回答
展开全部
<HTML>
<HEAD>
<STYLE type="text/css">
.0 { background-color: #FFFFFF;}
.1 { background-color: #FFE699;}
</STYLE>
</HEAD>
<BODY>
<TABLE border="1">
<TR><TD class="0" onclick="this.class=1;">XXXXXX</TD><TD class="0">XXXXXX</TD></TR>
<TR><TD class="0" onclick="this.class=1;">XXXXXX</TD><TD class="0">XXXXXX</TD></TR>
</TABLE>
</BODY>
</HTML>
<HEAD>
<STYLE type="text/css">
.0 { background-color: #FFFFFF;}
.1 { background-color: #FFE699;}
</STYLE>
</HEAD>
<BODY>
<TABLE border="1">
<TR><TD class="0" onclick="this.class=1;">XXXXXX</TD><TD class="0">XXXXXX</TD></TR>
<TR><TD class="0" onclick="this.class=1;">XXXXXX</TD><TD class="0">XXXXXX</TD></TR>
</TABLE>
</BODY>
</HTML>
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
要用javascript了，具体看jQuery的一些效果来实现你的。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
TD class="0" onclick="this.className='1'">XXXXXX</TD
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<script type="text/javascript">
var table_id = "tableid"; //表格的id
window.onload = function(){
$table = document.getElementById(table_id);
$tds = $table.getElementByTag("td");
for(var i=0;i<$tds.length;i++){
$tds[i].onclick = function(){
td_selected($tds,i);
}
}
};
function td_selected($tds,i){
for(var i=0;i<$tds.length;i++){
if($tds[i].className=="0")
$tds[i].className="1";
else
$tds[i].className="0";
}
}
</script>
//这种效果也可以用jQuery写,兼容性更好
<script type="text/javascript">
var table_id = "tableid";
$(document).ready(function(){
$(table_id).children('td').removeClass('1').addClass('0');
$(table_id).children('td').click(function(){
$(this).addClass('1');
});
});
</script>
var table_id = "tableid"; //表格的id
window.onload = function(){
$table = document.getElementById(table_id);
$tds = $table.getElementByTag("td");
for(var i=0;i<$tds.length;i++){
$tds[i].onclick = function(){
td_selected($tds,i);
}
}
};
function td_selected($tds,i){
for(var i=0;i<$tds.length;i++){
if($tds[i].className=="0")
$tds[i].className="1";
else
$tds[i].className="0";
}
}
</script>
//这种效果也可以用jQuery写,兼容性更好
<script type="text/javascript">
var table_id = "tableid";
$(document).ready(function(){
$(table_id).children('td').removeClass('1').addClass('0');
$(table_id).children('td').click(function(){
$(this).addClass('1');
});
});
</script>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
