0505-event.srcElement使用

原创于 2018-05-05 11:45:14 发布 · 250 阅读

CC 4.0 BY-SA版权

1.功能描述：
选定表中某行，对该行做处理
2.实现思路：
查阅资料之后使用event.srcElement
event.srcElement的一些属性
https://www.cnblogs.com/moqiutao/p/4912784.html
JS实现表格选中一行
https://blog.youkuaiyun.com/marsmile_tbo/article/details/37113611
3.关键对象和方法
event.srcElement;//当前事件源
event.srcElement.tagName=="TD";//点击位置的标签名称
event.srcElement.parentElement;//当前事件源父节点
event.srcElement.name;
event.srcElement.id;
event.srcElement.type;
event.srcElement.value;
event.srcElement.className
event.srcElement.getattribute
event.srcElement.children
event.srcElement.lastChild
event.srcElement.ChildNode
event.srcElement.selectedIndex
......

4.遇到的问题和总结
a.tagName后边的内容一定是大写
b.下边函数中obj和event是不一样的

function selectRow(obj){  
    if(event.srcElement.tagName=="TD"){  
    curRow=event.srcElement.parentElement;  
    curRow.style.background="blue";  
    alert("这是第"+(curRow.rowIndex+1)+"行");  
    }  
}

这里我自作聪明以为人家写错了
两者都改为event或者都改为obj都得不到希望的效果
如果都改为obj:由于srcElement是属于event对象的，所以无法调用相关属性
如果都改为event:本人猜测是因为函数参数的event覆盖了event对象
还是按照原函数处理就可以了
c.无法显示背景色，是因为background拼错了:backgroud