社区

京东店铺
淘宝店铺
当当店铺
拼多多店铺

APP下载

扫描下载官方APP

VIP会员

JavaScript图书答疑

+关注

已有4人关注

+发表新帖

所属版块： JavaScript答疑区

xingxiangsky

学分:6

+关注

私信

立即签到

版块推荐

p83 例5.5 我也没有得到正确的效果

发表在JavaScript图书答疑 2016-12-19

是否精华是否

版块置顶: 是否

不知道为什么，是不是我的操作本身有问题，初学js，什么都不懂，还请指教，书名是《JavaScript从入门到精通》

于2016-12-19 22:57:20编辑

分享到：

关注

支持(0)

反对(0)

精彩评论 3

阿白老师

学分：598 LV6

+关注

私信

TA的每日心情

开心

2017-05-02 16:47:53

2016-12-20

沙发

同学你好，请把你写的代码贴上来！我们帮你分析解决！

支持(0)

反对(0)

xingxiangsky

学分：6 LV1

+关注

私信

2016-12-20

板凳

<html>

<head>

<title>选中表格中的单元格</title>

</head>

.STYLE3 {font-size: 13px; color: #FF0000; }

.STYLE4 {font-size: 12px}

</style>

<body>

<tr>

</tr>

<tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

<td height="20" align="center" bgcolor="#FFFFFF"><span class="STYLE4">笔记本电脑</span></td>

</tr>

</table></td>

</tr>

<tr>

</tr>

</table>

var lastSelection = null;

function select(element){

var e, r, c;

if(element == null){

e = event.srcElement; //获取body元素的原始记录

}else{

e = element;

}

if(e.tagName == "TD"){

c = findcell(e);

if(c != null){

if(lastSelection != null){

deselectroworcell(window.lastSelection);

}

selectroworcell(c);

lastSelection = c;

}

window.event.cancelBubble = true; //取消冒泡语句,用于防止向下一个外层对象冒泡

}

table1.onclick=select;

function findcell(e){

if(e.tagName == "TD"){

return e;

}else if(e.tagName == "BODY"){

return null;

}else{

return findcell(e.parentElement);

}

function selectroworcell(r){

r.runtimeStyle.backgroundColor="darkblue";

r.runtimeStyle.color="white";

}

function deselectroworcell(r){

r.runtimeStyle.backgroundColor = "";

r.runtimeStyle.color = "";

}

</script>

</body>

</html>

支持(0)

反对(0)

阿白老师

学分：598 LV6

+关注

私信

TA的每日心情

开心

2017-05-02 16:47:53

2016-12-21

地板

同学，你好，找到问题的原因了！请问你是使用的IE浏览器吗？ IE浏览器下，你的代码是有效果的。tagName这个属性IE下是支持的！

支持(0)

反对(0)

已解决

首页上一页 1 下一页尾页 3 条记录 1/1页

手机同步功能介绍

友情提示：以下图书配套资源能够实现手机同步功能

明日微信公众号

明日之星编程特训营

客服热线(每日9:00-17:00)

400 675 1066

mingrisoft@mingrisoft.com

新手指南: 技术问答; 学分获得

帮助中心: VIP权益; 课程需求

交流合作: 关于我们; 人才招聘; 意见反馈

其他: 版权声明; 服务条款