js中如何获取td标签中的文本...在线等到[高分求问]
高手们我现在遇到一个快把我整疯了的问题请你们帮我解决下先说声谢谢！问题是这样的：我正在做一个练习项目！功能是：我有0-9个数字数字包含在td标签中一个数字一个td。数字后...
高手们我现在遇到一个快把我整疯了的问题 请你们帮我解决下 先说声谢谢！问题是这样的：
我正在做一个练习项目！ 功能是 ：我有0-9个数字 数字包含在td标签中 一个数字一个td 。数字后面有是大，小，当，双，全，清这样用span标签写的五个按钮样式的字体，当我点击大时，数字5-9就被选中，在当我点击小时，数字0-4就被选中同时在刚刚选择大时的数字就清除而页面上只显示0-4被选中。单,双也是如此！ 我当前遇到的问题是！0-9这些数字td标签的id都是一样！请问我给整么写这个js！如果id不是一样那是没问题！但我就会取id！ 请大侠们帮我这个忙！菜鸟在此感谢。 补充一点被选中了的数字有个样式，也就是数字的样式发生改变！让人看起来这是被选中的！ 展开
我正在做一个练习项目！ 功能是 ：我有0-9个数字 数字包含在td标签中 一个数字一个td 。数字后面有是大，小，当，双，全，清这样用span标签写的五个按钮样式的字体，当我点击大时，数字5-9就被选中，在当我点击小时，数字0-4就被选中同时在刚刚选择大时的数字就清除而页面上只显示0-4被选中。单,双也是如此！ 我当前遇到的问题是！0-9这些数字td标签的id都是一样！请问我给整么写这个js！如果id不是一样那是没问题！但我就会取id！ 请大侠们帮我这个忙！菜鸟在此感谢。 补充一点被选中了的数字有个样式，也就是数字的样式发生改变！让人看起来这是被选中的！ 展开
2个回答
展开全部
我想这就是你想要的：
<html>
<head>
<script language="javascript">
function $(taglib)
{return document.getElementById(taglib);
}
function selectdata(tag)
{var tabobj=$("choose_data");
var trobj=tabobj.rows[0];
var tdobj=trobj.cells;
var bg="#00F";
var fg="#FFF";
for(i=0;i<tdobj.length;i++)
{var tmp=parseInt(tdobj[i].innerHTML);
if((tag=="big" && tmp>4)||(tag=="small" && tmp<=4)||(tag=="odd" && tmp%2!=0)||(tag=="even" && tmp%2==0)||tag=="all")
{tdobj[i].style.background=bg;
tdobj[i].style.color=fg;
}
else{
tdobj[i].style.background="#FFF";
tdobj[i].style.color="#000";
}
}
}
</script>
</head>
<body>
<table border=1 id="choose_data">
<tr>
<td>0</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td>
</tr>
</table>
<span onclick="selectdata('big')">大</span>，<span onclick="selectdata('small')">小</span>，<span onclick="selectdata('odd')">单</span>，<span onclick="selectdata('even')">双</span>，<span onclick="selectdata('all')">全</span>，<span onclick="selectdata('none')">清</span>
</body>
</html>
<html>
<head>
<script language="javascript">
function $(taglib)
{return document.getElementById(taglib);
}
function selectdata(tag)
{var tabobj=$("choose_data");
var trobj=tabobj.rows[0];
var tdobj=trobj.cells;
var bg="#00F";
var fg="#FFF";
for(i=0;i<tdobj.length;i++)
{var tmp=parseInt(tdobj[i].innerHTML);
if((tag=="big" && tmp>4)||(tag=="small" && tmp<=4)||(tag=="odd" && tmp%2!=0)||(tag=="even" && tmp%2==0)||tag=="all")
{tdobj[i].style.background=bg;
tdobj[i].style.color=fg;
}
else{
tdobj[i].style.background="#FFF";
tdobj[i].style.color="#000";
}
}
}
</script>
</head>
<body>
<table border=1 id="choose_data">
<tr>
<td>0</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td>
</tr>
</table>
<span onclick="selectdata('big')">大</span>，<span onclick="selectdata('small')">小</span>，<span onclick="selectdata('odd')">单</span>，<span onclick="selectdata('even')">双</span>，<span onclick="selectdata('all')">全</span>，<span onclick="selectdata('none')">清</span>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
