js 事件相关

fireq3

于 2012-01-05 14:12:07 发布

阅读量62

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/fireq3/article/details/84124851

本文介绍了两种事件处理机制——冒泡与捕获，并对比了不同浏览器环境下添加与移除事件监听的方法。此外还讨论了通过JavaScript操作CSS样式的几种方式，包括直接修改元素样式属性、利用styleSheets对象及getComputedStyle方法获取计算后的样式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.两种事件类型
冒泡
捕获

2.两个添加事件的函数
ie中的
[object].attachEvent('name_of_event_handler',fnHandler);
[object].detachEvent('name_of_event_handler',fnHandler);
dom标准的
[object].addEventListener('name_of_event_handler',fnHandler,true);//true表示为捕获
[object].removeEventListener('name_of_event_handler',fnHandler);

js 通过styleSheets访问引用的CSS，全局的(ie)document.styleSheets[0].rules[0].style.backgroundColor||(dom)document.styleSheets[0].cssRules
元素的style当前元素的style属性 ele.style
经过综合计算的currentStyle，当前元素的最终显示style,ele.currentStyle,不同其它两个，这个仅是只读
(dom)document.defaultView.getComputedStyle(ele,null).backgroundColor注意null为样式元素，这个方法有IE中无效

js innerText innerHTML 赋值与取值是添加在元素下节点
js outerText outerHTML 赋值与取值替换元素节点(只有ie,opera)